Det finns många olika sätt att lägga upp sin hemsida på ett tillfredsställande sätt. Med hjälp av CSS kommer din sida att vara dynamisk och lätt att reglera. Jag tänkte ge lite tips för hur du kan göra vissa saker på ett bra sätt, dvs. till exempel hur du gör för att ta din design från ritbordet (mockup) och börja skriva CSS-koden eller vad du kan använda för verktyg när du debuggar din hemsida.
1.1 Metod 1
Det finns olika tekniker för att göra detta. Du kan till exempel välja att centrera texten i body/html för att få ditt content (förslagsvis en DIV) centrerat, sedan välja textposition vänster i content-DIVen.
1.2 Metod 2
Ett proffsigare sätt är att, på elementet som ska centreras, ange id för margin-left och margin-right till auto; samt sätta en bestämd width (bredd).
Ditt innehåll kommer sedan att hamna i DIV #content som centreras. Detta är ganska basic men det finns många bättre och sämre sätt att göra det på. Mitt sätt fungerar i alla moderna webläsare, iklusive ie6 etc.
1.3 Placera din logotyp, meny etc.
Jag går igenom metoden här. Du kan använda metoden för att placera din logga, en meny eller något annat som ska placeras absolut/relativt. Exempel på nthdesign är menyn, logotypen och rss-ikonen.
Att fixa runda hörn är också en vetenskap i sig. Det finns många olika vägar att ta. Du kan använda dig av bilder, borders och javascript.
Jag hittade en bra hemsida som listar många bra metoder att göra detta.
Min bror tipsade i en kommentar om en sida som innehåller lite intressant fakta om vad du kan tänka på när du lägger upp din CSS-planering, kolla in den sidan om du är intresserad av att skriva en korrekt CSS-fil.
Det kan vara att tänka på om du satsar på att få din sida validerad enl. w3 standarden.
Ni kanske ställt er frågan om vad skillnaden egentligen är mellan en klass och ett ID. Skillnaden funktionsmässigt är minimal, dock ska man veta att standarden säger annat. Ett ID är unikt för ett element som till exempel #top,#footer eller #content, det används endast på ett element. En klass är däremot till för att appliceras på flera element av samma typ.
Så varför valde man just namnen ID och klass?
Testa din sida i så många webläsare som möjligt. Det är många som fortfarande använder ie6, i januari i år låg andelen på ca 20 % världen över.
Det kan vara problematiskt att installera gamla ie versioner, använd därför gärna programmet IETester.
Frågan är hur jag stylar min sida som jag vill när jag inte kan photoshop och är kass på att rita
Beror ju på vad du vill göra. Det viktiga är bara att ha en idé först och främst, skissa på ett papper. Det mesta kan man klara av utan photoshop eller liknande.
Hej!
Hur gör man ett kommentarsfält i CSS? Jag vill att besökare ska kunna kommentare och att sedan kommentarerna ska hamna på sidan så att andra besökare kan se dem.
Tack på förhand