Trenger CSS-Hjelp. Bilde problemer.

[Gjest medlem-77217]

Hallo! Jeg har en side som jeg prøver å få ferdig, men det viser seg å være et problem. Bildene er ikke slik som de skal være. De skal være helt tett, men det er opprom mellom bildene. Hvordan fikser jeg dette?

 

 

CSS-Fil

 

 

#center {

width: 730px;

margin: 20px auto 100px auto;

}

 

#header {

width: 700px;

height: 236px;

background: url('img/header.jpg') no-repeat #fff;

}

 

#news {

width: 483px;

height: 564px;

background: url('img/news.jpg') no-repeat #fff;

float: right;

}

 

#menu {

width: 217px;

height: 564px;

background: url('img/menu.jpg') no-repeat #fff;

float: left;

}

 

#content1 {

margin: 0 35px

}

 

#content2 {

margin: 0 35px

}

 

body {

background: #000000;

}

 

body {

font-family: tahoma, verdana, arial, helvetica;    

font-size: #8px;                                  

color: #ffffff

}

 

 

[AlecTBM]

Lag en img fil eller noe i css og legg

margin-left-right: 0px;

i css koden.

[AlecTBM]

Eller så så jeg at du hadde skrevet:

#content1 {
margin: 0 35px
}

#content2 {
margin: 0 35px
}

Er dette bildene??

I såfall så må du sette marginen til 0 på alt

[Gjest medlem-77217]

Altså:

 

#Content1 {

margin: 0px

}

 

?

[AlecTBM]

Ja hvis content 1 og 2 er bilde plaseringene

[Haraldson]

Man trenger ikke enhet på nullverdier, så er det sagt. Faktisk gir enheten ingen mening når det er 0 det er snakk om.

 

#Content1 {
margin: 0;
}

[Gjest medlem-77217]

Nei, det er hvor teksten skal være.

[AlecTBM]

sant det, hvis ikke standarden altid har en margin på bilder.

Derfor setter man 0, Hvis ikke blir marginen standard.

 

Svar til trådstarter.

 

Hva er koden til bildene da??

Endret 7. juni 2006 av AlecTBM

[Gjest medlem-77217]

HTML Kode:

 

<div id="menu">

<div id="content2">

All mulig koding og tekst her.

</div>

</div>

 

CSS-Kode til bildene:

 

#menu {

width: 217px;

height: 564px;

background: url('img/menu.jpg') no-repeat #fff;

float: left;

}

 

CSS-Kode til content:

 

#content1 {

margin: 0;

}

[AlecTBM]

#menu {
width: 217px;
height: 564px;
background: url('img/menu.jpg') no-repeat #fff;
float: left;
margin: 0;
}

sånn må koden være fordi webleserne har en standard margin rundt bildene

[Gjest medlem-77217]

Funket ikke for en femmer. Det er fortsatt opprom mellom bildene.

 

http://www.wowaholics.net

[AlecTBM]

den sia der så ikke helt bra ut da.

 

men det var ingen bilder der

[Gjest medlem-77217]

Ser du ikke bildene? Kan du ta screenshot??

[AlecTBM]

Her bildet. ser ikke bra ut

[Gjest medlem-77217]

"men det var ingen bilder der" ?

 

hva er det du snakker om? Det er da mange bilder der! Og ja, den ser fucka ut, derfor spør jeg dere om hjelp.

[AlecTBM]

Jeg så ikke noen bilder jeg

jaja låne pc fra elkjøp er ikke de beste

[Gjest medlem-77217]

Tuller du? Så du ingen bilder? Hva mener du egenklig med bilder?

[AlecTBM]

prøv å sett content2 på margin 0

trur det ska funke. Kommer jo ann på oppsettet i html også da

[Gjest medlem-77217]

content2 er på margin 0...!

[AlecTBM]

prøv å lage en egen img kode. f.eks:

 

img.album {
margin: 0;
}

 

og sett html koden slik:

<img class="album" src="bildefila.jpg">

 

prøv det. kan hende det ikke går når du setter den i div. For da er det jo marginen til div koden som får 0 margin