|
| Geplaatst door: mt om 18:43, 9-02-2010 |
Ik wil een vlak met ronde hoeken en slag schaduw. Onderstaand de CSS code
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 18px;
color: #666;
background-color: #CCC;
text-align: center;
margin: 0px;
padding: 0px;
}
#container {
margin: 0px auto;
padding: 0px;
height: auto;
width: 955px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
#midden {
background-image: url(images/midden_slagschaduw.png);
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
vertical-align: top;
background-position: left top;
position: relative;
}
#header {
background-image: url(images/boven_slagschaduw.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 80px;
background-position: left top;
width: 955px;
position: relative;
}
#footer {
background-image: url(images/onder_slagschaduw.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 80px;
clear: both;
position: relative;
}
Het resultaat : drie vlakken met tussen ruimte. M.a.w. de div's staan niet tegel elkaar aan.
Wat zie ik over het hoofd??
(Bewerkt door mt om 18:44, 9-02-2010) |
|
| Geplaatst door: Yurgen om 19:15, 9-02-2010 |
Heb je dit ergens online staan?
|
|
| Geplaatst door: mt om 19:24, 9-02-2010 |
Net even online gezet
[http://members.casema.nl/endlessriver/]
(Bewerkt door mt om 19:25, 9-02-2010) |
|
| Geplaatst door: Yurgen om 20:27, 9-02-2010 |
Zet in je css aan het begin de volgende regel.
Zo worden alle paddings en marge's gereset tot 0.
En kan je deze waarden in de overige div's verwijderen.
| Code: |
*{
margin: 0;
padding: 0;
}
|
Zo zou je eigenlijk elk css-bestand moeten beginnen. |
|
| Geplaatst door: Eelco om 20:31, 9-02-2010 |
Het zijn een paar dingetjes: ten eerste is de achtergrondafbeelding van #header geen 80px hoog, maar 72 px en ditzelfde geldt voor de footer.
Ook heb je nog geen stijl vastgelegd voor een paragraph: die krijgt dus de padding en margin mee van het stylesheet van je browser.
Kijk ook nog even goed naar je html: de tekst in de footer staat niet tussen tags.
|
|
| Geplaatst door: Eelco om 20:32, 9-02-2010 |
| O ja: je cleart je footer zonder dat hij float! |
|
| Geplaatst door: mt om 20:40, 9-02-2010 |
Alle opmerkingen gelezen en e.e.a. aangepast en..... het werkt!!!!
Hartelijk dank voor de reacties |
|
| Geplaatst door: MacWim om 20:49, 9-02-2010 |
Gefeliciteerd.
Mocht je nog eens problemen krijgen met formaten van afbeeldingen of zo - in dit geval hielp ook het paardenmiddel van een marge-top van -18px voor de footer. Maar da's niet elegant. |
|
| Geplaatst door: Yurgen om 20:53, 9-02-2010 |
Zoals Eelco ook al opmerkt zitten er wel een aantal "foute" en dubbele waarden in je stylesheet.
Let hier goed op, scheelt een hoop geklooi later.
|
|
Het MacFreak® Forum
MF-Forum v6.0.0
© 2001/2012 - MacFreak® Interactive Media
|