Autor Zpráva
Clicker109
Profil *
Dobrý večer,
nevím si rady s tím jak vložit obrázek na začátek každé buňky v tabulce. Mělo by to vypadat něco jako odrážka, jen s tím rozdílem že by to bylo v tabulce, ted to řeším pomocí toho, že prostě přes html vložím obrázek na začátek každé buňky, což mi příjde naprosto příšerný :/ Jde to udělat nějak tak, aby se to tam ukazovalo automaticky? samozřejmě s nějakým marginem od textu :)

zde je zdroják html, jak to mám teď:
<table>
<tr>
   <td class="info"><img src="images/cena.png" alt="Cena">Naše cena:</td>
   <td class="cena">159 Kč</td>
</tr>
<tr>
   <td class="info"><img src="images/avilab.png" alt="Dostupnost">Dostupnost:</td>
   <td class="dostupnost">Skladem</td>
</tr>
</table>

P.S. - zkoušel jsem to takhle přes background, ale nejde mi to:
background-image: url('images/cena.png') no-repeat;

Moc děkuji za všechny rady :)
jefitto44
Profil
Môžeš skúsiť

<table>
<tr>
<td style="background: url("images/cena.png") no-repeat">.....
</td>
</tr>
</table>

Problém je ten, že obrázok musí byť presne takej veľkosti, ako je bunka, inak ti ho oreže, alebo, ak bude menší, tak tam bude diera.

Tak či tak si myslím, že je kravina to robiť v tabuľkách... Skús dať odkaz na živú ukážku, hádam budeme múdrejší


Počkaj, ty chceš urobiť zoznam a tento obrázok má slúžiť len ako odrážka? Potom je kravina použiť tabuľku. Potom to narucaj do ul a li a nastav vlastný obrázok na odrážky. Takto:

<ul
<li>shsfs
<li>sfdsfd
<li>sfgsdf
</ul>
>

a CSS

ul {list-style-image: url("images/cena.png");}

Samozrejme, ul v CSS treba zanoriť do daného elementu, aby ti nedávalo tieto odrážky aj na iné zoznamy (napr. na menu)... čiže by to malo vyzerať:
#hlavny_div .content_div ul{list-style-image: url("images/cena.png");}
Bubák
Profil
Clicker109:
Koukni na http://teststranek.kvalitne.cz/odrazky1/, odrážku v buňce tabulky umístíš od okraje buňky pomocí backdround-position a potřebné místo pro odrážku vytvoříš (levým) paddingem, aby byla odrážka v buňce vidět celá, deklaruj buňce výšku.
Pro jiné elementy, než je buňka/řádek tabulky, obrázkem na pozadí coby drážkou, je vhodné deklarovat minimální výšku.
http://kod.djpw.cz/gzbb
http://kod.djpw.cz/gzbb-

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: