Inline – CSS – Fórum – Programujte.com

chcem aby sa mi v jednom riadku zobrazil link a obrazok.
mam teda <a href="">blabla</a><div class="obrazok"></div>
<style>
.obrazok {
display: inline;
width: 100px;
height: 100px;
background: url("obrazok.jpg") no-repeat;
}
</style>


ale pokial nastavim triede "obrazok" display: inline tak sa mi bez obsahu nezobrazi aj ked ma nastavene width a height
ked spravim to iste s display: block tak sa to zobrazi...len ja to potrebujem mat v riadku...
zobrazi sa to aj ked do <div class="obrazok"></div> dam nejaky text, ale parametre width a height to uplne ignoruje
ako to mam teda spravit :ehh:

a pro? to ned?l?? norm?ln? jako p?es tag <img>? a ne?lo by to p?es float? i kdy? jsem mo?n? nepochopil o co ti jde... dosv?tli

neviem co na tom nechapes.jednoducho aby sa mi ten <div> zobrazil rovno vedla textu pretoze sa mi zobrauje ako block a ked ho tam ako span tak sa bez vnutorneho textu nezobrazi.a nexem pouzit img,mam tam style swither a potom by sa mi ten obrazok nedal zmenit.

Btw. preco mi v mozille nefunguje float?sprava sa nejak cudne,nezobrazuje sa ako prvok celku ktoreho je obsahom a podobne(=ked je vnutri napr stredu stranky tak sa zobrazi akoby k tomu vobec nepatril, skoro ako keby som mala position:absolute...jednoducho potrebujem aby sa to stredne okno prispůsobovalo velkosti toho vnutorneho prvku)..v ie to ide v pohode co ma inak dost prekvapilo :((
neviete nahodou poradit nejaku stranku zaoberajucu sa css v mozille?nasla som iba nejake vycucy...moze byt aj ang
dikes

Uz nic uz som na to prisla... :?
Koho by zaujmalo tak som to nasla tu (spodok stranky):
http://tvorbawww.einstein.cz/clanek/jak-funguje-quot-float-quot-a-quot-clear-quot/

No nejlepší je si v externí css předdefinovat

.obr {
background: url('obrazek.gif') 0 0 no-repeat;
width:25px;
height:25px;
}

a v html

<a href='nekam' class='obr'>nekam</a>
nebo jednoduseji
<a href='nekam' style="background-image:'obrazek.gif';width:25px;height:25px;">nekam</a>

Ja bych ten problem videl v tom, ze se tam ten obrazek, vkladas jako pozadi a proto, kdyz tam nic nenapises, tak se ti nezobrazi. Ja bych ho tam dal normalne pres tag <img>.

A co úplně jednoduše přes tabulku?

<table border=0>

<tr>

  <td>

    <img src="obrazek.jpg" width=sirka height=vyska alt="popis">

  </td>

  <td>

    <a href="url.odkazu">Text odkazu</a>

  </td>

</tr>

</table>