Autor Zpráva
lukysy
Profil
Dělám celou pagesku pomocí CSS a ve Firefoxu se mi položky menu nezobrazí, tak jako v IE. Kde je chyba? Zkoušel jsem max i min. Prostě ty mozillovské atributy a taky to s tím nehnulo. Nevím si rady.

http://lukysy.sweb.cz/MyTestPages/4all-wz-cz_version-4/index.htm
http://lukysy.sweb.cz/MyTestPages/4all-wz-cz_version-4/main.css

Předem děkuji za jakékoliv rady.
centi
Profil
SPAN je riadkovy element a preto nie je mozne mu priradovat vlastnosti height a width. Zle je to v IE.
Skus napriklad DIV spolu s float: left;
centi
Profil
A mimochodom, ked uz obrazkove linky pomocou CSS tak trebars takto:
<a href="about_room.htm" title="About Room....."><span style="display: none;">About Room....</span></a>

aby bola linka pristupna aj s vypnutym CSS. V tvojom pripade by vypnutie CSS znamenalo nepristupnu linku (pretoze by nebolo na co kliknut).
lukysy
Profil
centi S DIV jsem to zkoušel, ale ne z float. Zkusím to.
Taky díky za druhou radu....
lukysy
Profil
centi No tak jsem to udělal, různě zkoušel a nic.
Všude jsem SPAN vyměnil za DIV a v CSS tomu potom dal float right a nic. Zkusil jsem to dát i jako inline a taky nic. Rlzně jsem to kombinoval a k ničemu se nedostal...
centi
Profil
Skoda ze si to neupravil priamo na webe, aby som sa mohol pozriet. Mozno je tam nejaky maly zadrhel.
centi
Profil
Teraz som si vsimol, ze ti sirku a vysku nenastavujes priamo SPANom, ale linkam v nich. Ak si span zmenil za div, ale rozmery nastavujes stale linkam, tak to samozrejme nejde.

<div id="about-room"><a href="" title=""><span class="hidden">about</span></a></div>

#about-room {
height: 18px;
width: 117px;
float: right;
}

Pripadne DIVy uplne vynechaj

<a href="" title=""><span class="hidden">about</span></a>

a linkam nastav okrem tych rozmerov aj:

display: block;
float: right;
lukysy
Profil
centi Už to tam je...
lukysy
Profil
Jak můžu linkům nastavit rozměry? Nezdá se mi to, ale zkusím to...

Asi takto:

<a href="" title="" id"about-room"><span class="hidden">about</span></a>

Chápu-li to dobře...
lukysy
Profil
Aktuální zmršená podoba je na tom webu zase...
centi
Profil
Ano

<a href="" title="" id"about-room"><span class="hidden">about</span></a>

a v CSS

#about-room {
display: block;
..
rozmery, float a ine nastavenia
}
centi
Profil
Porzi http://www.centi.local.sk/lukysy/
a http://www.centi.local.sk/lukysy/main.css

Je to taky nacrt, ako by to mohlo vyzerat, dalo by sa to este dost vylepsovat, ale viac sa mi s tym nechcelo hrat, ved pozri do zdrojakov a podla toho to skus dokoncit.
lukysy
Profil
centi Tak jsem to zkoušel a vše bylo v pohodě do té chvíle, než jsem tam dal i tu dělící linku. Buttony se nacpaly do leva a děliče zase doprava vedle sebe... :o/
centi
Profil
Takto naslepo ti neporadim :)
lukysy
Profil
centi Hodil jsem to zase na původní umístění...
lukysy
Profil
Poradí někkdo?
Leo
Profil
A ceho chces jako dosahnout? Leo
lukysy
Profil
Leo Aby ty buttony byly na pravé straně a mezi každým ten dělič...
Leo
Profil
Jaky delic?
Mapak
Profil *
Lukysy: Nemůžeš udělat oddělovač pomocí borderu toho blokového odkazu?
lukysy
Profil
Leo Teď už je to rozházené kompletně jak jsem se díval. Myslel jsem to takto: News | About Room | ..., kde | je ta linka...

Mapak No chtěl jsem tam mít ten svůj picture, ale prozatímně jsem to tak vyřešil...
centi
Profil
V .middle-line {} daj namiesto

_float: right;

float: left;

_display: inline; mozes myslim uplne vyhodit.

Teda:

.middle-line
{
background: transparent url('images/line.gif') no-repeat;
height: 18px;
width: 7px;
float: left;
margin: 0 2px;
}

Vo firefoxe to takto bezi dobre
lukysy
Profil
centi Moc díky, dokonce jsem to už pochopil... :o)
Toto téma je uzamčeno. Odpověď nelze zaslat.