Jag har ju snurrat i mina hjulspår i evigheter och börjar nu förstå hur galet det är att formge sidor med tabeller. Jag skulle vilja bryta detta mönster men då jag inte har någon djupare kunskap i Css annat än att ställa in önskad font på hela sidan (att laborera med olika fonter eller storlekar kan jag inte) kanske någon kan hjälpa mig med ett praktiskt exempel så att jag kan förstå principerna och gå vidare med det. Jag har en ganska enkel hemsida att börja med: https://www.noren.info. Jag har satt border på 1 för att visa hur illa det står till och tro mig, jag har värre projekt att ta mig an än detta :)
Så här ser koden ut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Noren.info</title>
<link href="noren.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="550" border="1" align="center">
<tr>
<td><img src="noren.jpg" alt="Logotyp" width="545" height="123" /></td>
</tr>
<tr>
<td>
<form action="http://webmail1.b-one.net/src/redirect.php" method="post">
<input type=hidden name="js_autodetect_results" value="0" />
<input type=hidden name="just_logged_in" value="1" />
Epost:<br />
<input name="login_username" type="text" value="@noren.info" id="login_username" tabindex="16" size="40"><br />
Lösenord:<br />
<input name="secretkey" type="password" id="secretkey" tabindex="17" size="40"><br />
<input type="image" src="loggain.gif" border="0" tabindex="18">
</form>
</td>
</tr>
<tr>
<td>
<hr width="100%" />
</td>
</tr>
<tr>
<td>
<b><a href="http://www.b-one.net/admin/index.jsp?locale=sv">Klicka här för lösenordsbyte och inställningar för virus och spam</a></b><br />Logga in på det nedre formuläret "Inställningar för E-post"
</td>
</tr>
<tr>
<td>
<hr width="100%" />
</td>
</tr>
<tr>
<td>
<b><a href="https://www.b-one.net/static/support-guide-setupoutlook.do">Klicka här för en guide om hur man ställer in Outlook att hantera eposten</a></b><br />
"Incoming mail server (POP3)" skall vara pop.noren.info<br />
"Outgoing mail server (SMTP)" skall vara din internetleverantörs smtp-server:<br />
<font size="1">Telia: <i>smtprelay1.telia.com</i>, Tele2: <i>smtp.tele2.se</i>, Bredbandsbolaget: <i>smtp.bredband.net</i><br />Chello: <i>smtp.chello.se</i>, Bostream: <i>mailrelay.bostream.com</i>, ComHem: <i>mail1.comhem.se</i><br /> Glocalnet: <i>smtp.glocalnet.net</i>, Tiscali: <i>smtp.tiscali.se</i></font>
</td>
</tr>
</table>
</body>
</html>
Många celler blir det och visst hade jag kunnat skippa hr i egna celler men nu ser ni ju hur jag bara rullar på i gamla vanor. Finns det någon vänlig skäl som har lust att visa hur motsvarande skulle kunna formges med Css så har jag säkert några fler frågor att diskutera efter att jag sett det exemplet.
