Autor Zpráva
utopenec
Profil *
Ahoj,

teraz tak po pol hodine trapenia zistujem ze mam
<div style='width:40px;height:50px;display:inline'>text</div>


A je to male, len na ten text... ked tak odstranim display inline tak sa zrazu dodrzi width,height

Neviete poradit co s tym ? Potreboval by som ulozit vedla seba 9 divov s danym rozmerom (40x50) px a inline, da sa to neako ?
dakujem
Str4wberry
Profil
Přidej jim float. (A odeber dispay: inline.)
panther
Profil
utopenec
buď zadáš rozměry, nebo to je inline prvek.

Rovněž je zbytečné dávat display: block; společně s floatem, protože floatí jen blokové prvky..
george
Profil
Nebo každému prvku vytvoř třídu a dej mu position: absolute; i s rozměry.
Railbot
Profil
george
Nemel blbosti.
george
Profil
Railbot
Blbosti?

Nu inu, řekněme, že mám menu, kterému dám v HTML

<ol id="menu">
 <li class="prvni-menu">BLABLABLA</li>
 <li class="druhe-menu">BLABLABLA</li>
 <li class="treti-menu">BLABLABLA</li>
...
...
</ol>


Nyní mám takto 5 položek za sebou a potřebuji je v display: inline; Proto do CSS vložím

#menu li {
 display: inline;
 width: 98.8px;
 height: 43px;
 text-align: center;
 font-variant: small-caps;
 font-family: "Courier New", Courier, monospace;
 font-size: 120%;
}


Nyní mám bez číslování vše, co je pod ID menu, nyní jen zadám přesné pozice:

.prvni-menu {
 background-color: transparent;
 margin-top: 210px;
 margin-left: 206px;
 position: absolute;
 background-image: url(...);
 background-position: center bottom;
 background-repeat: no-repeat;
}

... ... ... ... ...


Toto řešení jsem již aplikoval a je velmi efektivní obzvláště pro boty, co dělají v nadhledy do výsledků vyhledávání, tak mi neříkej, že melu blbosti, jelikož ti můžu ukázat kde tato metoda funguje. :-)
Lexter
Profil
george
width: 98.8px;
Mazec. Máš to jakési divné ten kód.
Str4wberry
Profil
Ano, funguje, ale proč to dělat jednoduše, když to jde složitě, že?
Timy
Profil
george
#menu li {
 display: inline;
 width: 98.8px;
 height: 43px;
 text-align: center;
 font-variant: small-caps;
 font-family: "Courier New", Courier, monospace;
 font-size: 120%;
}


Tímhle si seš jistý?
george
Profil
Lexter
Kde je to tvý dej mu position: absolute; i s rozměry..
.prvni-menu :-) Třeba jsme se špatně pochopili, já tento dotaz pochopil takto ;-)

Str4wberry
„Ano, funguje, ale proč to dělat jednoduše, když to jde složitě, že?“
Zásada špatného kodéra ;-)
Lexter
Profil
george
Už je to dávno smazané, byl jsem tak ohromen těmi pixeli, že jsem si nevšim ;).
utopenec
Profil *
float pomohol
diky moc
Timy
Profil
utopenec
A abych odpověděl na otázku z nadpisu: řádkovému prvku nemůžeš nastavit výšku ani šířku.
Grut
Profil *
No to je zřejmé otázka zní jak to simulovat (bez použití absolutní pozice, to je prasárna...) ??
Díky za konstruktivní myšlenky..
Bubák
Profil
Teoreticky čisté řešení je display: inline-block; ale nemá 100% podporu mezi prohlížeči.
V praxi se to řeší floatem, ale ten se chová trochu jinak. Floatované prvky mají blokové chování, proto jim jde dát rozměry.
Příklady:
http://teststranek.kvalitne.cz/menu7/ Menu - šířka pohle odkazů, tohle by těžko někdo pozicoval
http://teststranek.kvalitne.cz/menu6/ Menu - pevná šířka, navíc jde snadno vycentrovat

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: