CSS a nově JS - Co dělám špatně?

ChrastyII · Příspěvek od **ChrastyII** » sob 24. kvě 2008, 12:45

Dělám si nový web, CSS "umím" už dost dlouho, ale pořád jsem asi nepochopil nějakou zásadní věc jak pozicovat prvky, pokud chci, aby to ve všech prohlížečích vypadalo stejně

Syntax, co k čemu je,... to znám dobře, ale pořád mám guláš v tom, jak se to dělá správně. Mohl byste mi prosim někdo poradit jak to přesně na svém webu mám udělat? Ať už mám pro jednou jasno

Web je tady http://chrastysblog.ic.cz/webik/

Podle mých představ to vypadá jen v Opeře, podle které jsem to taky pozicoval... A ještě drobnost, jak v IE docílím zarovnání na střed? IE margin:auto; úplně ignoruje. Díky

bubanek · Příspěvek od **bubanek** » sob 24. kvě 2008, 13:16

Zarovnání na střed

Kód: Vybrat vše

<div style="text-align: center;">
  <div style="margin: auto;"> div je uprostřed </div>
</div>

jo a jinak, co přesně ti tam ještě nesedí, mě se to zdá stejné ve všem... (kromě toho zarovnání)

ChrastyII · Příspěvek od **ChrastyII** » sob 24. kvě 2008, 13:26

ten box na novinky, v IE7 je posunutý nahoru a překrývá text Novinky

bubanek · Příspěvek od **bubanek** » sob 24. kvě 2008, 13:33

Kód: Vybrat vše

#novinky p { margin: 20px 0px 0px 0px; }

nebo podle chtuti

ještě jeden dotaz
ty tam plánuješ nějak hojně využívat JS?
že všechno píšeš do id="...."

jo a ještě jedna věc: to pozicování je pěkně prasácký...
a další věc: zapomínáš psát k hodnotám jednotky (px, em, cm...)

ChrastyII · Příspěvek od **ChrastyII** » sob 24. kvě 2008, 13:35

JS vůbec...já právě používám CSS-mišmaš všeho co jsem si kdy přečetl, vím, je to špatné...mám místo id používat class?

bubanek · Příspěvek od **bubanek** » sob 24. kvě 2008, 13:36

ChrastyII píše:JS vůbec...já právě používám CSS-mišmaš všeho co jsem si kdy přečetl, vím, je to špatné...mám místo id používat class?

jo místo id používej class
protože když budeš mít víc stejných id, tak ti bude validátor řvát

ChrastyII · Příspěvek od **ChrastyII** » sob 24. kvě 2008, 13:55

Díky moc za pomoc, už je všechno jak má být.. Zarovnání na střed jsem vyřešil pomocí pozicování toho hlavního obrázku absolutně na 50% zleva a pak jsem pomocí margin odečetl polovinu šířky obrázku=>je to uprostřed

díky!

ChrastyII · Příspěvek od **ChrastyII** » sob 14. čer 2008, 22:36

tak teď mám menší problémek s funkčností hoveru v IE, v sekci projekty

http://chrastysblog.ic.cz/webik/projects.html

Pokud najedete myší na ikonku v Oblíbených projektech ve FF nebo v Opeře, hover normálně funguje...ale v IE7 můžu myší přes ty ikonky jezdit jak chci a nejde to...vůbec netuším, čím to může být

pomocí JS jsem nastavil, aby se při kliknutí otevíral daný web v novém okně, ale ani když ten JS kód odstraním, tak to nejde...mohl by se na to prosim někdo mrknout? určitě to bude nějaká hovadina

bubanek · Příspěvek od **bubanek** » sob 14. čer 2008, 22:47

v IE :hover nefunguje
to musíš udělat přes CSS

Kód: Vybrat vše

<div style='yyy' onmouseover="this.class='xxx'" onmouseout="this.class='yyy'">...</div>

teda snad...

ChrastyII · Příspěvek od **ChrastyII** » sob 14. čer 2008, 23:09

díky moc,funguje to

jen to nebylo this.class=, ale this.className=