plaatjes worden afgesneden

Bij mijn layout worden de plaatjes afgesneden. Ze horen geen hoeken te hebben en langer te zijn.
Mijn vermoeden is dat als ik border instel hij de lengte van het plaatje afhaalt. Voorbeeld hier van is bij het meest rechtse vakje die geen border-bottom heeft maar wel even lang staat ingesteld als middelste vakje.

Dit is de link

www.tunyque.woelmuis.nl

Dit css code:

body {
text-align: center;
font-family: Arial;
font-size: 11px;
background-color: #000000;
}

#container {
background-color: #777777;
width: 800px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#header {
height: 200px;
width: 800px;
text-align: center;
background-image:url(header.png);
}

#headerBar {
height: 35px;
width: 800px;
text-align: center;
background-image:url(headerbar.png);
float: left;
background-repeat: no-repeat;
}

#linksMenu {
height: 202px;
width: 151px;
float: under-left;
background-image:url(vakje.png);
padding-top: 32px;
padding-left: 5px;
border-top: 10px solid #777777;
border-left: 20px solid #777777;

}

#linksNieuws {
height: 202px;
width: 151px;
float: top-left;
background-image:url(vakje.png);
padding-top: 32px;
padding-left: 5px;
border-top: 25px solid #777777;
border-left: 20px solid #777777;
}


ul#navlist {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li {
display: inline;
list-style-type: none;
}

#navlist a { 
padding: 10px 10px; 
height: 25px;
}

#navlist a:link { 
color: #fff;
text-decoration: none;
height: 25px;
}

#navlist a:visited {
color: #fff;
text-decoration: none;
height: 25px;
}

#navlist a:hover {
color: #ec2e2e;
background-image:url(menu over.png);
text-decoration: none;
height: 25px;
background-repeat: no-repeat
}


#centerContent {
float: right;
width: 400px;
height: 550px;
padding-top: 32px;
padding-left: 5px;
background-image:url(content.png);
border-top: 25px solid #777777;
border-bottom: 25px solid #777777;
border-right: 45px solid #777777;
}

#Reclame {
border-top: 25px solid #777777;
float: center;
height: 550px;
width: 155px;
background-image:url(reclame.png);
padding-top: 32px;
padding-left: 5px;
}

#footer {
font-size: 10px;
color: #000000;
height: 35px;
width: 800px;
clear: both;
text-align: center;
background-image:url(footer.png);
background-repeat: no-repeat;
}

border-top: 25px solid #777777;
border-bottom: 25px solid #777777;
border-right: 45px solid #777777;
waar is dat voor???

en je centercontent staat op float: right; doet moet ook left zijn.

Marjolein schreef:

border-top: 25px solid #777777;

border-bottom: 25px solid #777777;
border-right: 45px solid #777777;
waar is dat voor???

en je centercontent staat op float: right; doet moet ook left zijn.

dat zorgt ervoor dat er een ruimte tussen de vakje zit. heb jij een andere manier om er een ruimte tussen te krijgen? Gewoon mee designen? of in de css?

nu ziet het er zo uit als content left staat

Margin ?

Zal ik anders de layout goed voor je basen?

Rik schreef:

Zal ik anders de layout goed voor je basen?

zal op zich wel handig zijn maar ik wil het graag zelf leren. Dus als je het kan uit leggen GRAAG!!!! Ik doe het nog maar 5 dagen nu dus daarom weet ik er nog niet veel van.

Naja, uitleggen blijft lastig

Rik schreef:

Naja, uitleggen blijft lastig

En je weet niet toevallig een tutorial waar ik het kan leren?

En als het echt niet anders kan dan base jij het maar en dan ga ik ontcijferen

Zou je ff een zipje kunnen maken van de plaatjes?

Tunyque schreef:

dat zorgt ervoor dat er een ruimte tussen de vakje zit. heb jij een andere manier om er een ruimte tussen te krijgen? Gewoon mee designen? of in de css?

dat doe je met margin, haha maar meedesignen kan ook idd
en tips om te leren: jat van een andere site de html en css en ga experimenteren met de getallen en afbeeldingen, zo leer je waar alles voor staat en wat alles doet

Ik ben al voor hem aan het basen. Het is zo goed als af

Rik schreef:

Ik ben al voor hem aan het basen. Het is zo goed als af

dat weet ik, maar hij vroeg tips hoe die het zelf kan leren dus geef ik die alsnog voor de volgende keer