Bedöm layout tack!

upnorth · Inlägg av **upnorth** » 27 sep 2007, 21:38

maths57 skrev: För att anknyta till något jag skrev tidigare om wrappers (skal?), skulle du kunna göra så här.
Kod: Markera allt
<body>
<div id="yttreSkal" style="width:100%;margin:auto">
<div id="inreSkal">
Här kommer ditt innehåll
</div>
</div>
</body>
Det du får är ökat flexibilitet. Du kan också lägga loggan som en bakgrundsbild i "inreSkal" och använda "header" för texten. Bakgrundsbilden måste då positioneras uppe till vänster med CSS.

Har faktiskt provat lite

Kolla efter <div id="content">

maths57 · Inlägg av **maths57** » 27 sep 2007, 21:56

Fast content kommer efter header. Det jag menar är att du omsluter allt innanför body-taggarn i två lager med skal.

Jag har också meckat lite med pages och banners. Pröva att flytta upp banners precis ovanför pages. Sedan ändrar du pages width till 83%. Det borde göra att banners hamnar uppe till höger och pages flyter in mellan headers och banners. Då borde det se ut som ditt ursprungliga med tabeller.

Ett annat tips är, om du vill ha de där vita linjerna som du hade i din ursprungliga, så körde något i stil med "border: solid 1px white".

upnorth · Inlägg av **upnorth** » 27 sep 2007, 22:04

maths57 skrev: Fast content kommer efter header. Det jag menar är att du omsluter allt innanför body-taggarn i två lager med skal.

Jag har också meckat lite med pages och banners. Pröva att flytta upp banners precis ovanför pages. Sedan ändrar du pages width till 83%. Det borde göra att banners hamnar uppe till höger och pages flyter in mellan headers och banners. Då borde det se ut som ditt ursprungliga med tabeller.

Ett annat tips är, om du vill ha de där vita linjerna som du hade i din ursprungliga, så körde något i stil med "border: solid 1px white".

Det där med ordningen begriper jag inte!?

Rubrikerna ligger ju efter meny, och hamnar då till höger om det lagret.
Men allt annat hamnar nedanför istället för till höger...

Ska iväg för lite te och film nu, men jag ska prova med ditt förslag sen

maths57 · Inlägg av **maths57** » 27 sep 2007, 22:35

Layouten i dokumentet blir så här.

Kod: Markera allt

<body>
<div id="yttreSkal">
<div id="inreSkal">
<div id="header"></div>
<div id="content">
<div id="headline"></div>
<div id="menue"></div>
<div id="headers"></div>
<div id="banners"></div><!-- Uppflyttad ett steg -->
<div id="pages"></div><!-- Måste få width 83% -->
<div id="contact"></div>
<div id="footer"></div>
</div>
</div>
</body>

Ulsak · Inlägg av **Ulsak** » 28 sep 2007, 05:54

själva layouten är välan ok, ur html-puristens ögon sett. men du behöver verkligen laborera mer färgnyanserna. för en halvblind gubbe som jag försvinner den svarta texten i det mörkgrå. övervägt att ha vit text där?

upnorth · Inlägg av **upnorth** » 28 sep 2007, 07:02

Ulsak skrev: själva layouten är välan ok, ur html-puristens ögon sett. men du behöver verkligen laborera mer färgnyanserna. för en halvblind gubbe som jag försvinner den svarta texten i det mörkgrå. övervägt att ha vit text där?

Det är meningen att gästboken ska smälta ihop lite med sin bakgrund

Men givetvis är det kass kontrast just nu, jag ville bara få allt på plats någorlunda innan jag jobbade vidare med färgerna...

maths57 · Inlägg av **maths57** » 28 sep 2007, 18:01

Glömde att skriva att du måste ändra "banners" float till right så att den drar sig till höger.

upnorth · Inlägg av **upnorth** » 28 sep 2007, 19:00

maths57 skrev: Glömde att skriva att du måste ändra "banners" float till right så att den drar sig till höger.

Ska kolla det... tack för tipset!

Ubuntu Sverige

Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!

SV: Bedöm layout tack!