Original geschrieben von nichtsooft
Sind dann nicht alle UL und LI so formatiert? Das möchte ich nämlich vermeiden!
Sind dann nicht alle UL und LI so formatiert? Das möchte ich nämlich vermeiden!
Das Stichwort in diesem Falle lautet Selektoren.
<BODY>
<TABLE CELLSPACING="0" CELLPADDING="0" STYLE="width: 950px;">
<TR>
<TD STYLE="height: 105px; width: 950px;">
<TABLE CELLSPACING="0" CELLPADDING="0" STYLE="width: 950px; height: 105px;">
<TR>
<TD STYLE="width: 150px; height: 105px;"><IMG SRC="pics/head_1.jpg" STYLE="border: 0px;"></TD>
<TD STYLE="width: 150px; height: 105px;"><IMG SRC="pics/head_2.jpg" STYLE="border: 0px;"></TD>
<TD STYLE="width: 150px; height: 105px;"><IMG SRC="pics/head_3.jpg" STYLE="border: 0px;"></TD>
<TD STYLE="width: 150px; height: 105px;"><IMG SRC="pics/head_4.jpg" STYLE="border: 0px;"></TD>
<TD STYLE="width: 150px; height: 105px;"><IMG SRC="pics/head_5.jpg" STYLE="border: 0px;"></TD>
<TD STYLE="width: 47px; height: 105px;"><IMG SRC="pics/head_6.jpg" STYLE="border: 0px;"></TD>
<TD STYLE="width: 153px; height: 105px; background-image: url(pics/head_7.jpg); text-align: right; vertical-align: top; background-repeat: no-repeat;">
<form class="formkill" method="post" action="index.php">
<input name="submit" type="image" src="pics/btn_login.gif" id="submit" value="Einloggen"
STYLE="width: 80px; height: 20px; border: 0px; margin-right: 5px;" alt="[Submit]" title="Login!"><BR>
<input class="topstuffun" name="username" type="text" id="username" value="Username"><BR>
<input class="topstuffpw" name="userpass" type="password" id="userpass" value="Passwort">
<input name="login" type="hidden" id="login">
</form>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD STYLE="width: 950px; text-align: left; vertical-align: top;">
<TABLE CELLSPACING="0" CELLPADDING="0" STYLE="width: 950px; text-align: left; vertical-align: top;">
<TR>
//////////NAVIGATION START
<TD STYLE="width: 150px; text-align: left; vertical-align: top;">
<UL CLASS="naviul">
<LI><IMG SRC="pics/head_news.jpg" CLASS="navcat"></LI>
<LI><A HREF="index.php" CLASS="navi">Aktuelles</A></LI>
<LI><A HREF="index.php" CLASS="navib">Newsarchiv</A></LI>
<LI><IMG SRC="pics/head_produkte.jpg" CLASS="navcat"></LI>
<LI><A HREF="index.php" CLASS="navi">12h Server</A></LI>
<LI><A HREF="index.php" CLASS="navib">Teamspeak Server</A></LI>
<LI><A HREF="index.php" CLASS="navib">Image Hosting</A></LI>
<LI><IMG SRC="pics/head_extras.jpg" CLASS="navcat"></LI>
<LI><A HREF="index.php" CLASS="navi">Downloads</A></LI>
<LI><A HREF="index.php" CLASS="navib">Game Area</A></LI>
<LI><IMG SRC="pics/head_about.jpg" CLASS="navcat"></LI>
<LI><A HREF="index.php" CLASS="navi">AGBs - TS2 Sponsoring</A></LI>
<LI><A HREF="index.php" CLASS="navib">AGBs - Image Hosting</A></LI>
<LI><A HREF="index.php" CLASS="navib">12h Server Regeln</A></LI>
<LI><A HREF="index.php" CLASS="navib">Impressum</A></LI>
<LI><A HREF="index.php" CLASS="navib">Link us!</A></LI>
<LI><A HREF="index.php" CLASS="navib">Partner</A></LI>
<LI><A HREF="index.php" CLASS="navib">Team</A></LI>
<LI><A HREF="index.php" CLASS="navib">FAQs</A></LI>
</UL>
</TD>
//////////NAVIGATION END
//////////MAIN FIELD START
<TD STYLE="width: 490px; vertical-align: top; text-align: left;"><DIV STYLE="width: 490px;">main</DIV></TD>
//////////MAIN FIELD END
//////////INTERMEZZO START
<TD STYLE="width: 157px; vertical-align: top; text-align: left;"><DIV STYLE="width: 157px;">intermezzo</DIV></TD>
//////////INTERMEZZO END
//////////BOXES START
<TD STYLE="width: 153px; vertical-align: top; text-align: left;"><DIV STYLE="width: 153px;">right</DIV></TD>
//////////BOXES END
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
UL.naviul LI
{
margin: 0px;
padding: 0px;
border: 0px;
font-size: 8pt;
background-color: #990000;
color: #FFFFFF;
display: block;
list-style-type: none;
}
Kommentar