| Autor | Zpráva | ||
|---|---|---|---|
| utopenec Profil * |
#1 · Zasláno: 3. 8. 2008, 19:02:12
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 |
#2 · Zasláno: 3. 8. 2008, 19:03:05 · Upravil/a: Str4wberry
Přidej jim float. (A odeber dispay: inline.)
|
||
| panther Profil |
#3 · Zasláno: 3. 8. 2008, 19:09:15
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 |
#4 · Zasláno: 3. 8. 2008, 19:15:31 · Upravil/a: george
Nebo každému prvku vytvoř třídu a dej mu position: absolute; i s rozměry.
|
||
| Railbot Profil |
#5 · Zasláno: 3. 8. 2008, 19:33:01
george
Nemel blbosti. |
||
| george Profil |
#6 · Zasláno: 3. 8. 2008, 19:42:13 · Upravil/a: george
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 |
#7 · Zasláno: 3. 8. 2008, 19:45:16 · Upravil/a: Lexter
george
„width: 98.8px;“ Mazec. Máš to jakési divné ten kód. |
||
| Str4wberry Profil |
#8 · Zasláno: 3. 8. 2008, 19:48:28
Ano, funguje, ale proč to dělat jednoduše, když to jde složitě, že?
|
||
| Timy Profil |
#9 · Zasláno: 3. 8. 2008, 19:49:36
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 |
#10 · Zasláno: 3. 8. 2008, 19:52:06 · Upravil/a: george
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 |
#11 · Zasláno: 3. 8. 2008, 19:55:37
george
Už je to dávno smazané, byl jsem tak ohromen těmi pixeli, že jsem si nevšim ;). |
||
| utopenec Profil * |
#12 · Zasláno: 3. 8. 2008, 20:00:49
float pomohol
diky moc |
||
| Timy Profil |
#13 · Zasláno: 3. 8. 2008, 20:10:44
utopenec
A abych odpověděl na otázku z nadpisu: řádkovému prvku nemůžeš nastavit výšku ani šířku. |
||
|
Časová prodleva: 8 měsíců
|
|||
| Grut Profil * |
#14 · Zasláno: 28. 3. 2009, 15:28:11
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 |
#15 · Zasláno: 28. 3. 2009, 16:03:09
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 |
||
|
Časová prodleva: 15 let
|
|||
0