Behöver hjälp med min hemsida

Permalänk
Medlem

Behöver hjälp med min hemsida

Hej

Visste inte riktigt hur jag skulle skriva titeln men har ett litet problem med min hemsida. Om ni klickar på länken nedan (eller klistrar in den i er webbläsare) http://hem.bredband.net/luidse/sida4.htm. De fyra bilderna på gitarrerna ska ligga längst upp till höger i kolumn2 (den gulbruna kolumnen mellan texten och bakgrundsbilden "solnedgången") . Antagligen har jag klantat mig vid senaste uppdateringen av sidan och nu lyckas jag inte med att reda ut detta själv, så om nån snäll sweclockare kunde hjälpa mig med detta så vore det enormt tacksamt.

Visa signatur

helgonet

"All around the watchtower"

Permalänk
Inaktiv

<div id="kolumn2"> ... </div>

Ska ligga efter

<div id="kolumn1"> ... </div>

just nu ligger den inuti den.

Permalänk
Medlem
Skrivet av anon150287:

<div id="kolumn2"> ... </div>

Ska ligga efter

<div id="kolumn1"> ... </div>

just nu ligger den inuti den.

Ok men hur gör jag för att lägga den utanför?? Trodde man använde sig av </div>?

Visa signatur

helgonet

"All around the watchtower"

Permalänk
Inaktiv

Nu funkar det ju.
Det jag menade var att det skulle se ut såhär:

<div id="kolumncontainer"> <div id="kolumn1"> ... </div> <div id="kolumn2"> ... </div> </div>

Men det såg ut såhär:

<div id="kolumncontainer"> <div id="kolumn1"> ... <div id="kolumn2"> ... </div> </div> </div>

Permalänk
Medlem
Skrivet av anon150287:

Nu funkar det ju.
Det jag menade var att det skulle se ut såhär:

<div id="kolumncontainer"> <div id="kolumn1"> ... </div> <div id="kolumn2"> ... </div> </div>

Men det såg ut såhär:

<div id="kolumncontainer"> <div id="kolumn1"> ... <div id="kolumn2"> ... </div> </div> </div>

Ok lyckades med att flytta på bilderna men nu ligger bilden på gitarren och förstärkaren högst upp och
den skulle jag vilja ha längst ned efter texten där den legat tidigare men flyttar jag den dit så flyttar sig
dem andra bildern tebaks till kolumn1 där jag inte vill ha dem, vad gör jag för fel???

Visa signatur

helgonet

"All around the watchtower"

Permalänk
Inaktiv

Ta bort float:left; på #kolumn2.

Permalänk
Medlem
Skrivet av anon150287:

Ta bort float:left; på #kolumn2.

Vart ser du den??? Måste vara trött i huvudet nu, har suttit med detta rätt längen he he.
Kan iofs låta det vara så ser ju ganska hyfsat ut men skulle vara bra att veta hur man flyttar
ned bilden om man skulle ändra sig lr göra en ny hemsida. Har kollat men kan inte hitta
float:left på kolumn2.

Visa signatur

helgonet

"All around the watchtower"

Permalänk
Inaktiv

Enligt Firebug så ser det ut såhär:

#kolumn2 { border-top: 1px solid #000000; float: left; padding: 10px; width: 280px; }

i filen layout4.css.

Permalänk
Medlem
Skrivet av anon150287:

Enligt Firebug så ser det ut såhär:

#kolumn2 { border-top: 1px solid #000000; float: left; padding: 10px; width: 280px; }

i filen layout4.css.

Ok. men jag fixade det genom att lägga bilden före </p> strax efter texten och före </div> i kolumn1 (jag låter den ligga överst för det blev ganska bra det med). Jag tackar dig så mycket för hjälpen utan dig hade jag nog suttit i flera dygn till och kliat mig i huvudet he he. Tackar.

Visa signatur

helgonet

"All around the watchtower"

Permalänk

Tips: Centrera sidan, blir skitjobbigt för nacken om man har en hög upplösning.

#layout{ width:900px; background:#A8C1C6; margin-left:auto; margin-right:auto; }

EDIT: Dina rundade hörn var inte så fint kodade heller, använd border-radius istället.

Permalänk
Medlem
Skrivet av spot_1337:

Tips: Centrera sidan, blir skitjobbigt för nacken om man har en hög upplösning.

#layout{ width:900px; background:#A8C1C6; margin-left:auto; margin-right:auto; }

EDIT: Dina rundade hörn var inte så fint kodade heller, använd border-radius istället.

Ok ska försöka.

Visa signatur

helgonet

"All around the watchtower"