jak dát obrázek do pozadí tabulky pomocí html?

mám tabulku

Ale když dám do rámečku bude v každém támečku malá fotka ale jak udělat aby byla jediná přes celou tabulku?
Sem začátečník a jen to ykouším ale nikde jsem to nenašel

Doplňuji:
neboli background-image
to když dám do <td> tak je v každém rámečku malá fotka

Upravil/a: leporela22

Odpovědět

Zajímavá 0 před 3628 dny

Sledovat Nahlásit

Diskuze: napište první příspěvek

Odpovědi

anonym

Zkus do <table border=„2“ ; > dát vyšší číslo.

0 před 3628 dny

0 Nominace Nahlásit

ivzez

Hypertextový jazyk neslouží k fomátování,
vkládání obrázků do pozadí apod. K tomu
musíte použít kaskádové styly (CSS).
Předpis stylů do stránky vložíte v hlavičce stránky.

Mezi řádky a buňky tabulky nevkládejte
žádné znaky (ani mezery)!

Obrázek vložte v předpisu do pozadí tabulky.
Pro jistotu nastavte řádkům a buňkám
průhledné pozadí, jinak byste obrázek
mohl překrýt pozadím řádků/buněk.

Ukázka – vlastní předpis začíná až slovem table,
webová stránka až <!DOCTYPE html>
(Nadpisy byste musel uvést jako komentáře.)

CSS:
table#s-pozadim {
margin: 7.5pt auto;
background: #FFF url(image.png) 0 0 no-repeat;
border- collapse: collapse;
border: #000 2px solid;
}

tr, td {
background: transparent;
}

HTML:
<!DOCTYPE html>
<html lang=„cs“>
<head>
<meta charset=„UTF-8“>
<link rel=„stylesheet“ type=„text/css“ href=„http://www.VaseDomena.cz/css/style.css“ media=„all“>
</head>
<body>
<table id=„s-pozadim“>
<tbody>
<tr><td>hov</td><td>hov</td></tr>
<tr><td>hov</td><td>hov</td></tr>
</tbody>
</table>
</body>
</html>