Valida css-layouter

Här ger jag Dig några olika förslag till css-layouter. Samtliga är valida enligt w3c.
Självfallet är det fullt tillåtet att både ändra färger och storlek på fonten så de passar er grafik. Tänk bara på att hanteringen är lite annorlunda än vanliga html-kodade tabell-layouter eftersom sidan styrs av en extern css-mall. Var därför försiktig och ändra inget på layoutens utformning om du inte är mycket
kunnig i css1/css2.

Tips!

Läs gärna länken bygg en css-layout i två kolumner innan du laddar ned sidan. För nedladdning – följ instruktionerna på respektive sida.

layout 1 Validerad html 4.01 strict.

layout 2 Testlayouten för XHTML 1.0 standard i 2 kolumner. Finns även som php.

layout 3 Validerad xhtml 1.0 transitional.

layout 4 Validerad xhtml 1.0 transitional.

layout 5 Layout i XHTML 1.0 standard – 2 kolumner. Finns även som php.

layout 6 Layout i 2 kolumner att ladda ned. Validerad i xhtml 1.0. Även i php.

layout 7 3 kolumners layout att ladda ned. Validerad i xhtml 1.0.

layout 8 1 kolumners layout att ladda ned. Validerad i xhtml 1.0.

layout 9 2 kolumners fullwidth layout att ladda ned. Validerad i xhtml 1.0.

4 Comments Add yours

  1. zahra says:

    Åh vad glad jag är att jag hittade din sida ! Massa massa massa matnyttigt för en webdesigner under upplärning!

    Men …. jag blev lite förundrad när alla dina mallar har menyn på höger sida… det känns konstigt o man läser från vänster till höger o höger sida “försvinner” först vid storskärmupplösning… provade att kasta om en mall på högero vänster kolum..men det resultatet blev inte såp bra.
    Så kommer det ngr mallar med lite olika menunplacering vore det ju guld :=)
    nu surfa vidare i denna webbibel !

    tack ! //Zahra

    1. Lena says:

      Hej, kul att du hittar matnyttigt. Sedan undrar jag vad du menar med att höger sida försvinner. Att menyn ligger på höger sida har med logik att göra. De flesta är högerhänta och musen korsar inte sidan när du navigerar.

      Det kommer fler mallar, men inte just nu =)

  2. Fridah says:

    Hej!
    Jag har lärt mig väldigt mycket av att läsa din steg för steg guide genom blogg.se’s stilmallar osv. Men jag är på jakt efter en dropdown som går vertikalt, liknande länkmenyn i layout 8 här ovan.

    Har du någon guide till de? Eller tips på hur jag lyckas. Hittar bara dropdowns med pilar för att klicka ned rutan. Jag vill ha en ruta som man klickar på och då kommer resterande underlänkar fram. Tack på förhand!

    1. Lena says:

      Hej, googla på css menus eller kika här http://www.cssplay.co.uk/menus/

Leave a Reply

Your email address will not be published. Required fields are marked *