Autor Zpráva
xarox
Profil
#1 · Zasláno: 10. 10. 2005, 18:26:44 · Upravil/a: xarox
Odpovědět Citovat
Ahoj,

potřeboval bych ještě snad už poslední pomoc s doladěním CSS u mého menu. Na stránkách www.masozraverostliny.com je v levo menu s rozsvicejícími se obrázky po najetí myši. Problém je ten, že to samotné tlačítko (zelené a žluté) je nějak nadefinované, že má velikou šířku, která je pak brána jako samotné tlačítko (zkuste si přejet myší po pravé straně tlačítek - ne na nich - a objevý se vám obrázek jako byste myší jeli po tlačítku), nevím jak bych měl tuhle šířku nastavit tak, aby byla ve všech prohlížečích stejná?

A pak už poslední nějaká chybyčka - v IE je ohraničení zobrazujících se obrázků dobré, ale ve FF a v Opeře je zelené orámování obrázků moc malé. Taky jsem na řešení nepřišel.

Peta: CSS je snad teď už přehlednější.

Díky moc
peta
Profil *
#2 · Zasláno: 10. 10. 2005, 22:37:59
Odpovědět Citovat
S temi ramecky, to bude asi potiz. Napada mne jedine reseni, vnutit mu tam sirku v pixelech pro kazdy obrazek. Ty tam nemas pravdepodobne zadnou a rezim auto u IE funguje oki, u FF prebira sirku nadrazaneho prvku, cili sirku tlacitka. Aspon podle toho, jak to vypada.

Krom toho tam mas prohresky proti validite, treba na nejake strance v head mas 2x >> po sobe. (uz vim, galerie)

S tim stylem nevim, asi jsi nehnul. Tam by to chtelo dost drastickou upravu a mohl by byt desetinovy. Ale toz to je tvuj problem, zrejme si rad, ze to funguje a jen jsem detailista, raci bych to toho nemluvil :)
http://www.masozraverostliny.com/800x600/css/pozice.css

ale treba tohle...
/* pozadí textu*/

.aldrovanka {background-image: url(../pix/pozadi/aldrovanka.jpg); background-position: center; background-repeat:no-repeat; z-index:0}
.cephalotus {background-image: url(../pix/pozadi/cephalotus.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.darlingtonia {background-image: url(../pix/pozadi/darlingtonia.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.dionaea {background-image: url(../pix/pozadi/dionaea.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.drosera {background-image: url(../pix/pozadi/drosera.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.heliamphora {background-image: url(../pix/pozadi/heliamphora.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.nepenthes {background-image: url(../pix/pozadi/nepenthes.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.pinguicula {background-image: url(../pix/pozadi/pinguicula.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.sarracenia {background-image: url(../pix/pozadi/sarracenia.jpg); background-position:center; background-repeat:no-repeat; z-index:0}

je uplne totez jako...

.aldrovanka, .cephalotus, .darlingtonia, .dionaea, .drosera, .heliamphora, .nepenthes, .pinguicula, .sarracenia
{background-position: center; background-repeat:no-repeat; z-index:0}


.aldrovanka {background-image: url(../pix/pozadi/aldrovanka.jpg);}
.cephalotus {background-image: url(../pix/pozadi/cephalotus.jpg); }
.darlingtonia {background-image: url(../pix/pozadi/darlingtonia.jpg); }
.dionaea {background-image: url(../pix/pozadi/dionaea.jpg); }
.drosera {background-image: url(../pix/pozadi/drosera.jpg); }
.heliamphora {background-image: url(../pix/pozadi/heliamphora.jpg); }
.nepenthes {background-image: url(../pix/pozadi/nepenthes.jpg); }
.pinguicula {background-image: url(../pix/pozadi/pinguicula.jpg); }
.sarracenia {background-image: url(../pix/pozadi/sarracenia.jpg); }

ale slo by to urcite jeste lepsim zpusobem, ale raci ti do toho nebudu mluvit, mel bych stale nejake pripominky :)

Takovy pekny CSS, sice taky neusporny (odborne s velkou reduktanci, velkym mnozstvim nadbytecne informace), s opakujicimi vlastnostmi mam zde:
http://www.volny.cz/peter.mlich/Pr/menued2.htm
peta
Profil *
#3 · Zasláno: 10. 10. 2005, 22:40:20
Odpovědět Citovat
oprava, lepsi verzi mam tu
http://www.volny.cz/peter.mlich/Pr/menued2b.htm
xarox
Profil
#4 · Zasláno: 11. 10. 2005, 13:24:46
Odpovědět Citovat
Peta díky. Jinak CSS v rozlišení 800x600 jsem neupravil mrkni se na http://www.masozraverostliny.com/1024x768/css/pozice.css . Tenhle styl je opravenej. Jinak s tím >>> jsem to už předělal ale není to ještě na serveru. Jinak s tím ohraničením se na to ještě mrknu díky.
xarox
Profil
#5 · Zasláno: 11. 10. 2005, 14:49:13
Odpovědět Citovat
Jinak s tím zkrácením CSS máš pravdu

[i].aldrovanka, .cephalotus, .darlingtonia, .dionaea, .drosera, .heliamphora, .nepenthes, .pinguicula, .sarracenia
{background-position: center; background-repeat:no-repeat; z-index:0}


Tak tohle jsem opravdu nevěděl - že tam jde dát čárku a za to další .blabla .

I tímhle se pořád učím. Jinak CSS jsem se učil podle knihy - CSS pro úplné začátečníky (no je to fakt blbě napsaná kniha)
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0