Stránka 1 z 1

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

Napsal: sob 24. kvě 2008, 12:45
od ChrastyII
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ě :-D 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

Napsal: sob 24. kvě 2008, 13:16
od bubanek
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í)

Napsal: sob 24. kvě 2008, 13:26
od ChrastyII
ten box na novinky, v IE7 je posunutý nahoru a překrývá text Novinky :)

Obrázek

Napsal: sob 24. kvě 2008, 13:33
od bubanek

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...)

Napsal: sob 24. kvě 2008, 13:35
od ChrastyII
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?

Napsal: sob 24. kvě 2008, 13:36
od bubanek
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

Napsal: sob 24. kvě 2008, 13:55
od ChrastyII
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! :)

Napsal: sob 14. čer 2008, 22:36
od ChrastyII
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 :roll: 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 :roll:

Napsal: sob 14. čer 2008, 22:47
od bubanek
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...

Napsal: sob 14. čer 2008, 23:09
od ChrastyII
díky moc,funguje to :) jen to nebylo this.class=, ale this.className= :)