öhh... lätt och lätt... men man brukar ju använda div-boxar till det väl?
Frågan#1
Hallå, jag undrar ett lätt sätt att bygga upp hemsidor på istället för tabeller?
Ett lätt sätt att bygga upp hemsidor på?
9 svar · 689 visningar · startad av logitech
kolla här, mycket bra:
http://www.webforum.nu/showthread.php?p=1166567#post1166567
Okej, tack :D
Edit: Ska man ta bort hela sidan och sedan bygga om den i css tabeller? Så som tydal beskriver?
Japp det är css och standarder som gäller för att utveckla till webben. Var länge sedan jag pysslade med detta men jag minns att man kan använda <div> eller <span> beroende på om man vill ha ett nytt stycke eller inline.
AndreasC, ska jag ta bort hela sidan och bygga om den med <div> tabeller?
Edit: såhär ser min sida ut som jag vill ändra från tabeller till nånting lättare/bättre. ( http://www.playstorm.2u.se )
Det är svårt att säga. Tabeller är en ganska ineffektiv metod att bygga en websida med. css är mycket bättre då du vill ha lite mer kontroll, eller mycket mer kontroll rättare sagt. Du kan ställa in marginaler och avstånd etc i oändlighet. Du kan iofs använda dig av de gamla <html>-taggarna, <table>, <tr>, <td> etc och lägga css-kod i dem för att styra upp men den bästa lösningen om man gör en sida idag är att köra på css rakt av. Man brukar dela upp en sida i två delar, allt som har med utseende och uppbyggnad/kosntruktion att göra styr man med css, där kan du sätta färger, storlek på bilder, text etc. Själva innehållet som text och sökvägar till bilder läggs med html. <table> är en del av html men <table> är mer en del av konstruktionen av sidan än innehåll så man bör istället bygga upp sidan med <div>/<span> Om du sysslar mycket med hemsidor så kan jag rekomendera att du tittar över detta med css en hel del och skippar html-taggar som inte har med innehåll att göra.
Istället för att skriva <table width="" height=""> så skriv då <div style="width:; height:;"> eller så kan du helt enkelt länka in en class i din div och då blir det <div class="size"> Alltså i detta fall, istället för att skriva information om exempelvis bredd och höjd direkt i diven med css så kan du ha den informationen i en separat del i dokumentet och koppla den till ett specifikt namn, i detta exempel "size", då kan du lägga in samma information på flera ställen genom att bara skriva class="size", på så sätt håller du ner storleken på din kod genom att undvika att skriva in en massa css. I html-koden bör det bara finnas innehåll och all css bör du ha i en separat fil som du länkar in i html-dokumentet. I den filen så står allt om hur saker ska se ut tex classen "size" i exemplet, och där du skriver class="size" i ditt html-dokument, där kommer rätt kod läsas in.
Det beror på hur mycket tid du lagt ner på projektet hittils också och ifall du känner för att göra om det. Om du precis har startat så tycker jag personligen att det är bättre att börja om från scratch. Då skiljer du på css och html. Css ska helst inte förekomma i html-dokumentet utan i en separat fil som länkas in i ditt dokument. <div> är för övrigt en html-tagg men du kan sedan skriva class="" eller id="" i den för att hämta in css från din separata fil. Det är väldigt smidigt att jobba på detta sätt och man håller sin kod snygg och ren vilket bara underlättar för dig som webutvecklare när du ska göra ändringar i koden. Sedan viktigt att du kör efter standard så det ser lika ut i alla de moderna webklienterna. Kan vara ganska pilligt men jag rekomenderar att du avgör från gång till gång vad du kan använda och inte använda i din kod.
Hur känner du själv angående det jag skriver?
Såg just en bra länk om varför tabeller till layout är dåligt:
http://standardice.com/seybold/
Danny skrev:
Såg just en bra länk om varför tabeller till layout är dåligt:
http://standardice.com/seybold/
Mmm, du såg den kanske här? ;)
http://www.webforum.nu/showthread.php?p=1166983#post1166983
Läste denna tråd och den ovan samtidigt, funderade på om man skulle "dubbelposta" samma inlägg i två trådar, men tyckte det räckte i den andra, eftersom den refereras här.
Nu finns den här ändå, andra tycker också det ÄR en bra länk, helt enkelt!
J.N. skrev:
Mmm, du såg den kanske här? ;)
http://www.webforum.nu/showthread.php?p=1166983#post1166983Läste denna tråd och den ovan samtidigt, funderade på om man skulle "dubbelposta" samma inlägg i två trådar, men tyckte det räckte i den andra, eftersom den refereras här.
Nu finns den här ändå, andra tycker också det ÄR en bra länk, helt enkelt!
Ja, läste ditt inlägg imorse och tänkte bara posta länken här eftersom den säger rätt mycket om hur man ska göra och har bra exempel och pedagogiskt uppbyggt och jävla bra helt enkelt!