Autor Zpráva
FIDO
Profil
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
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
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
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
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
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
Radek Hrabůvka ešte by som to "poistil":

li {list-style-type: none;}
Toto téma je uzamčeno. Odpověď nelze zaslat.

0