Hogyan használjunk egyszerre több modulstílust?
2013.08.14. 18:54
Sokszor láttam, hogy oldalakon kérdezték, hogy hogyan oldható meg az, hogy egyszerre több féle modulstílust lehessen használni? A válasz pedig nagyon egyszerű. Át kell írnod a classt. Nézzünk meg pár táblázat kódot, amit az oldalon is találsz: kattints ide.
Ezek a kódok két részből állnak. Egy HTML és egy CSS kódból. Ahhoz, hogy a html kód felvegye a megírt stílust, hivatkozni kell a css kódra. Ezért van a class. Figyeld a HTML kódot, piros színnel jelöltem a class részt:
<table align="center" border="0" cellpadding="1" cellspacing="1" style="width: 380px; ">
<tbody>
<td class="tablazatfejlec" colspan="2" style="text-align: center;">
Menü neve</td>
</tr>
<tr>
<td class="tablazat" colspan="2" style="text-align: none;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar rhoncus risus, vel ornare lacus sagittis sit amet. Duis vel sem magna. Proin pulvinar velit eleifend ligula ultrices vestibulum. Nunc posuere dolor eu mauris feugiat dignissim.</td>
</tr>
</tbody>
</table>
Na és most figyeld a css kódban ugyan így pirossal jelölt részeket:
<style type="text/css">
.tablazatfejlec {
font-family: georgia; /*betűtípus*/
font-style: italic; /*betűstílus pl.: dőlt*/
font-size: 18px;
color: #ffffff; /*betű színe*/
text-align: none; /*szöveg elhelyezése pl.: középre*/
background: #DB7093; /*kereten belüli mező színe*/
}
.tablazat {
font-family: georgia; /*betűtípus*/
font-style: italic; /*betűstílus pl.: dőlt*/
font-size: 12px;
color: #808080; /*betű színe*/
text-align: none; /*szöveg elhelyezése pl.: középre*/
background: #; /*kereten belüli mező színe*/
background-image: url();
}
</style>
Tehát tulajdonképp egymásra hivatkoznak vagy hogy magyarázzam. Tehát, amikor több féle stílust szeretnél használni, akkor ezeket kell átnevezni, de figyelj, hogy mindig megegyezzen a kettő!
|