Autor Zpráva
pety
Profil
Ahoj, mam otázečku...

je možné nadefinovat v CSS dvě pozadí na sebe v jednom DIVu tak aby byly obě viditelné a jedno se opakovalo a druhé ne? mysím tím jako by spodní vrstva s pozadím obrázku který se opakuje, a pak nad ním na okraji obrázek který je vlevo před textem a je umístěn jen jednou...
příklad:

.odkaz_menu a:hover{
font-size: 12px;
display: block;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
padding-left: 23px;
height:22px;
background-image:url(img/tlacitko30red.gif);
background-position: left center;
background-repeat:repeat-x;
---------->zde bych potřeboval ještě jeden obrázek jakoby na pozadí, který bude umístěn jen jednou (
jakási odrážka před textem tlačítka)
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
padding-top:8px;

}



a ještě jeden dotaz... jak řešit když mam tabulku, která má jakoby v horní buňce název tabulky nebo nadpis... této buňce bych chtěl přidělit nějakou vlastnost tak abych jí moh používat u všech tabulek, protože jí mam všude stejnou. (chtěl bych tam barvu pozadí, obrázek na pozadí.) jak to správně řešit? já to dělám pomocí toho že si vytvořim třídu ktero pak dám určitý buňce.. tohle je příklad tabulky...


<? require("layout.php"); page_top(); ?>


<div align="center">
<table border="0" class="tablelide">
<tr>
<td colspan="2" class="zahlaviazapatitabulkylidi">&nbsp;</td>
</tr>
<tr>
<td width="120"><div align="left">Player Tag </div></td>
<td width="263"><div align="left">NXzulu</div></td>
</tr>
<tr>
<td><div align="left">First Name </div></td>
<td><div align="left">Zbynek</div></td>
</tr>
<tr>
<td colspan="2" class="zahlaviazapatitabulkylidi">&nbsp;</td>
</tr>
</table>
</div>

<? page_bottom(); ?>

styl pro tabulku je pak takhle:


.tablelide{
border-collapse:collapse;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #000000;
border: 1px dotted #FF0000;
margin-top:20px;
margin-bottom:20px;
}

.zahlaviazapatitabulkylidi{
background-image:url(img/lista.gif);
padding-top:5px;
padding-bottom:5px;
}


je tohle řešení správné nebo se dá nějak elegantně definovat v css přímo vlastnost buňky ( jde mi o to abych pak změnil jen hodnoty v css a na celém webu se mi tím pádem změnily vzhledy tabulek)
mila
Profil
ad 1.
Jednomu divu nemůžeš dát dvě pozadí. Vnoř do sebe dva.

ad2.
Zkus tag caption.
peta
Profil *
pety
2 pozadi, ted to tu kdesi bylo, ale jde to jen pro mozillu, kulate rohy. Pro IE muzes pouzit JS, ze si pridas dalsi div a napozicujes
kulate rohy - before / after
http://virtuelvis.com/gallery/css/rounded/
http://www.w3.org/Style/Examples/007/roundshadow.html
kulate rohy - ramecky a mnoha prvky
http://css.interval.cz/priklady/priklad-21-1.htm


tabulka se nahodou dobre styluje. Mas spoustu tagu, takove:
TABLE, TR, TH, TD, TBODY...
http://www.jakpsatweb.cz/html/tabulky.html
Bezne pouzivam:
<table class="tb0">
<tr>
<th>aaa</th>
<th>aaa</th>
</tr>
<tbody class="tbody0">
<tr>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>aaa</td>
<td>aaa</td>
</tr>
</tbody>
<tbody class="tbody1">
<tr>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>aaa</td>
<td>aaa</td>
</tr>
</tbody>
</table>

CSS:
.tb0 {}
.tb0 tr {}
.tb0 th {}
.tb0 td {}
.tb0 .tbody0 {}
.tb0 .tbody0 tr {}
.tb0 .tbody0 th {}
.tb0 .tbody0 td {}
.tb0 .tbody1 {}
.tb0 .tbody1 tr {}
.tb0 .tbody1 th {}
.tb0 .tbody1 td {}

border-spacing:0;_border-collapse:collapse;
na mozillu uz nemyslis?
peta
Profil *
pety
Jo, kdyz pouzivas stylovani TD a pod, uvadej i nazev:
td.zahlavi {}
misto
.zahlavi {}
Mam pocit, ze to nejaky prohlizec ignoruje, pokud mas nadefivovane td {} a pokousis se ho prebarvit. Proste samotne td ma vetsi prioritu.
pety
Profil
díky, jsem ted z toho trosku zmatenej, ale podivam se na to nejdriv a pak se kdyztak ozvu. :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.

0