Autor | Zpráva | ||
---|---|---|---|
Feryy Profil * |
#1 · Zasláno: 19. 8. 2011, 13:14:27
Ahoj,
mám následující stránku: <a href="obrazek.jpg"> <img style="float:left; margin:0 10px 10px 0;" src="obrazek.jpg"> </a> <ul> <li>Štíhlá linie a formování postavy</li> <li>Termogenní směs bylinných extraktů</li> <li>Přírodní síla pro hubnutí</li> </ul> Jenže když mám stránku takto, tak mi obrázek překrývá odrážky. Ty odrážky jsou editovatelnej text přes administraci, takže bych to potřeboval nějak defaultně nastavit přes css, aby to fungovalo i když např ty odrážky budou pod obrázekm, apod. Díky za pomoc |
||
margin Profil * |
#2 · Zasláno: 19. 8. 2011, 13:24:43
A co brání dát obrázku větší pravý margin, nebo seznamu levý margin?
|
||
Feryy Profil * |
#3 · Zasláno: 19. 8. 2011, 13:33:00
To nic nevyřeší, ať tam nastavím jakýkoliv margin, tak odrážky budou pořád schovaný za tím obrázkem. Viz obrázek
|
||
RockFire Profil |
#4 · Zasláno: 19. 8. 2011, 17:35:34
Pošli odkaz, takhle to nevyřešíme
|
||
jenikkozak Profil |
#5 · Zasláno: 19. 8. 2011, 17:45:49
Feryy:
„Jenže když mám stránku takto, tak mi obrázek překrývá odrážky. Ty odrážky jsou editovatelnej text přes administraci, takže bych to potřeboval nějak defaultně nastavit přes css, aby to fungovalo i když např ty odrážky budou pod obrázekm, apod.“ Vzhledem k tomu, že má obrázek nastavenou vlastnost float a ten <ul> ne, chová se ten seznam, jako by tam žádný obrázek nebyl. Obrázek je obtékán pouze obsahem seznamu. Z tvého dotazu nerozumím, čeho chceš dosáhnout. Nyní položky obrázek obtékají a jakmile se dostanou níže, než je jeho spodní okraj (+ těch 10 px jeho spodního okraje), zobrazí se pod obrázkem s případným levým marginem. Pokud chceš, aby se seznam nezalamoval pod obrázek, nastav mu také plavání. |
||
Časová prodleva: 10 dní
|
|||
peta Profil |
#6 · Zasláno: 29. 8. 2011, 09:54:23
Feryy: ul, li ma margin, padding, pak treba text-indent, border, a uplne nejlepsi je to obalit asi divem.
V nejhorsim pripade to zmen na display:block, vsechno. Funkcni reseni mam treba s tabulkou, takze display:table? <div> <img src="http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/s160/karafa_cz.jpg" style="float:left; width:150px;"> text<br>text <table><tr><td> <ul> <li>aaa</li> <li>aaa</li> <li>aaa</li> </ul> </td></tr></table> text<br>text<br>text<br>text<br>text<br> </div> |
||
Časová prodleva: 13 let
|
0