Autor | Zpráva | ||
---|---|---|---|
FIDO Profil |
#1 · Zasláno: 25. 9. 2005, 15:56:49
Móóóc Vás všechny zdravím!!!
Možná budu za lamu, ale chci se zeptat, jestli jde nějak v HTML nebo CSS "přirazit" obrázek k textu zarovnanému na střed... to znamená: Mám seznam jmen z naší třídy pod sebou a ve středu stránky, jinak je tam pouze podklad a chci ke každému jménu přiřadit maličkou fotku (na "střídačku" zprava a zleva). Všem moc předem děkuji za odpověď HOJTE!!! |
||
Lukáš Kadlec Profil |
#2 · Zasláno: 25. 9. 2005, 16:14:59
Taky zdravím,
pomocí CSS můžeš danému prvku na stránce přiřadit pozadí a zarovnat jej: background: url(obrázek.gif) no-repeat left; - umístěný vlevo a šířku prvku si nastav širší o šířku obrázku... |
||
FIDO Profil |
#3 · Zasláno: 25. 9. 2005, 16:22:08
Já si na tu lamu přece jen zahraju...
Mohl bys mi pls napsat z toho kódu víc??? Jediné, co mám na stránkách v CSSku je obrázkové pozadí a to jsem dělal hodinu a půl, takže CSS není moje parketa... Dík za trpělivost Hoj |
||
bojars Profil |
#4 · Zasláno: 25. 9. 2005, 16:45:14
Trebárs by som to skúsil takto:
Do štýlu by som dal: <style> .fotka_vlevo {display: inline; float: left; margin-right: 1ex; width: 8px; height: 16px;} .fotka_vpravo {display: inline; float: right; margin-left: 1ex; width: 8px; height: 16px;} </style> Do kódu by som dal: <ul> <li><img class="fotka_vlevo" src=".../...gif" />Míroslav DOBROTIVÝ</li> <li><img class="fotka_vpravo" src=".../...gif" />Kazimír ZLOBIVÝ</li> atď. </ul> |
||
FIDO Profil |
#5 · Zasláno: 25. 9. 2005, 17:04:04
Díky moc, ještě s tím chvilku pozápasím a pak to asi rozchodím...
Takže MOOOC Děkuju Hojte |
||
Radek Hrabůvka Profil |
#6 · Zasláno: 25. 9. 2005, 20:56:36
Má zůstat text+obrázek, lze řešit jen pomocí html (zastatalý tag center nebo zarovnaný zastatalý atribur text-align, doporučuji css) na střed, nebo má být zarovnaný na střed text+obrázek?
bojars kód jde zkrátit využitím kaskádování, pro začátečníka s tímhle dotazem však méně srozumitelný: css li img {display: inline; float: left; margin: 0 1ex; width: 8px; height: 16px;} li img.fotka_vpravo {float: right;} html <li><img src=".../...gif" />Míroslava Dobrotivá</li> <li><img class="fotka_vpravo" src=".../...gif" />Kazimíra Zlobivá</li> |
||
bojars Profil |
#7 · Zasláno: 25. 9. 2005, 21:28:24
Radek Hrabůvka ešte by som to "poistil":
li {list-style-type: none;} |
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0