För det första ska koden vara korrekt, dvs sidan ska validera på http://validator.w3.org/
För det andra bör man undvika tabeller i designen. Tabeller ska bara användas för att visa just tabeller, inte för att placera saker.
För att placera saker lägger du dem i boxar (div) som du sedan placerar ut med hjälp av en stilmall (css).
HTML-koden i sig ska inte vara särskilt komplicerad utan den ska bara innehålla det som finns på sidan (bilder, text och formulär). Var sakerna ska ligga och hur de ska se ut skrivs sedan i CSS-koden.
Genom att hålla HTML-koden enkel går det lättare att upptäcka eventuella fel.
Kolla källkoden på min sida http://www.tydal.nu/ som exempel.
Det jag tycker du bör göra är att titta på hur du vill ha din sida och dela in innehållet i boxar. Ge varje box ett unikt namn. Sen tar du och lägger in allt innehåll i en fil (texter, img-taggar och a-taggar samt eventuella formulär). Därefter märker du ut i koden var boxarna börjar respektive slutar genom: <div id="namn_på_boxen"> samt </div>. I och med det är HTML-koden nästan klar. Du behöver också sätta ut <body> </body>, <html> och </html> (tills vidare, senare ska ju <html> kompletteras med riktig information om vilken standard du följer).
Därefter börjar vi med css-filen... Du måste först lägga in en länk till den i html-koden:
<head>
<link href="din_css_fil.css" rel="stylesheet" type="text/css">
</head>
Sedan skapar du din_css_fil.css och så kan vi börja med att lägga upp boxarna:
#din_första_box
{
}
#din_andra_box
{
}
osv...
Lägg också upp:
body
{
}
Sedan är det dags att fylla dem med stil- och placeringsinformation. I body kan du lägga sånt som gäller hela sidan; typsnitt, färger:
body
{
font-family: Verdana, Sans-serif;
color: #000000;
background-color: #ffffff;
}
På boxarna lägger du in hur stora de ska vara (om de ska ha en fast storlek, antingen bredd eller höjd)
#din_första_box
{
width: 420px;
height: 160px;
}
Ja, det är ungefär så man börjar, sen finns det ju en mängd information på nätet om detta hur CSS funkar, men har du kommit så långt kan vi alltid hjälpa dig med detaljerna här.
