Simpel css hjälp?

Hej!

Brukar jag alltid dela upp det i fler delar. Detta gör att du har koll på läget plus att du enkelt får saker att ligga där du vill utan att de flyger rundor och lägger sig på platser som du inte vill.

Du kan göra detta med div taggar... Då skulle jag dela upp det i 3 delar. En övergripande och två st som ligger i den övergripande.
Men att hålla på med floats på div taggar skapar oftast bara en MASSA problem.

Det lättaste är att du gör en en tabell. Sätt ett class ID på tabellen och varje element i tabellen lägger du ett ID på.
Detta gör att du enkelt kan specificera i CSS filen, hur du vill att de olika elementen ska se ut. Plus att du utan floats får bilden och boxen att ligga precis där du vill.
Det enda du behöver göra för att få en liten marginal mellan bilden och boxen är att du gör en "margin-left" på det högre objektets ID i css filen.

Hoppas jag inte blev för rörig i min förklaring... Svårt att förklara något som man vanligen gör utan att tänka på i kod.

Sweez

Nej. Använd aldrig tabeller till layout.

Du får använda vad du vill... Jag hindrar ingen säger bara att om du nu ska göra en "simpel hemsida" så kan du använda tabeller för att göra det hela mycket enklare för dig... Slipper massa kludd..
Sen vad man ska använda till layout är en helt annan sak.......

Exakt, nej till tabeller!

<style type="text/css">
#maincontent1 { float: left; }
#box { float: left; margin-right: 10px; }
#maincontent1 img { float: left; }
</style>

<div id="maincontent1">
<div id="box"></div>
<img src="bild.jpg" alt="text" />
</div>

Du behöver inte vara snäsig.
Själv håller jag mig också till css. Så min kunskap behöver du inte heller hacka på utan att du har en aning om hur stor min kunskap är inom webbprogrammering...

Jag har av erfarenhet haft mer krångel floats, när jag började med webbprogrammering.
Därför tog jag tabell som ett förslag... Varför hänga upp sig på det så väldigt?...
Jag sa aldrig att floats inte skulle vara bättre om man klarar av att hantera det.

Det är väl bättre att lära sig göra rätt från början? När du lär dig köra bil, inte börjar du väl med att hålla till vänster för att sedan inse att det blev lite tokigt och sedan börja om från början?

Oj. Jag tror @SweeZ blev lite förnärmad. Jag tycker inte ens att han var snäsig eller "hackade" på din kunskap.
Men att använda tabeller till layout är en vedertaget dålig lösning, det bör man inte göra helt enkelt.

<style type="text/css">
#maincontent1 { float: left; }
#box { float: left; margin-right: 10px; }
#maincontent1 img { float: left; }
</style>

<div id="maincontent1">
<div id="box"></div>
<img src="bild.jpg" alt="text" />
</div>

Av egen erfarenhet vet jag att det kan vara fördelaktigt att efter innehållet i #maincontent1 också lägga in en div med clear:both så att man sedan utan problem kan styla #maincontent1 utan att innehållet flyter över kanten;

<div id="maincontent1">
<div id="box"></div>
<img src="bild.jpg" alt="text" />
<div style='clear:both;'></div> // <-- du lägger till den här raden också.
</div>

man skulle givetvis kunna ge diven ett id och sen i css mallen skriva clear:both, men det spelar ju ingen roll eftersom man inte kommer ge den här diven andra egenskaper än så ändå.