|
|
mt
 Niet Aanwezig
Junior Lid
|
Aantal berichten:  27 | Lid sinds:  01-11-2009 | Geplaatst om:  18:43 - 09-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) |
|
|
 
|
|
Yurgen
Niet Aanwezig
MacFreak Verslaafde
|
Aantal berichten: 622 | Lid sinds: 16-09-2005 | Geplaatst om: 19:15 - 09-02-2010
Heb je dit ergens online staan?
|
I'm not completely worthless, I can be used as a bad example..
|
|
|
|
mt
Niet Aanwezig
Junior Lid
|
Aantal berichten: 27 | Lid sinds: 01-11-2009 | Geplaatst om: 19:24 - 09-02-2010
Net even online gezet
[http://members.casema.nl/endlessriver/]
(Bewerkt door mt om 19:25, 9-02-2010) |
|
|
|
|
Yurgen
Niet Aanwezig
MacFreak Verslaafde
|
Aantal berichten: 622 | Lid sinds: 16-09-2005 | Geplaatst om: 20:27 - 09-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. |
I'm not completely worthless, I can be used as a bad example..
|
|
|
|
Eelco
Niet Aanwezig
MacFreak Verslaafde
|
Aantal berichten: 676 | Lid sinds: 05-04-2006 | Geplaatst om: 20:31 - 09-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.
|
|
|
|
|
Eelco
Niet Aanwezig
MacFreak Verslaafde
|
Aantal berichten: 676 | Lid sinds: 05-04-2006 | Geplaatst om: 20:32 - 09-02-2010
| O ja: je cleart je footer zonder dat hij float! |
|
|
|
|
mt
Niet Aanwezig
Junior Lid
|
Aantal berichten: 27 | Lid sinds: 01-11-2009 | Geplaatst om: 20:40 - 09-02-2010
Alle opmerkingen gelezen en e.e.a. aangepast en..... het werkt!!!!
Hartelijk dank voor de reacties |
|
|
|
|
MacWim
Niet Aanwezig
Een ware MacFreak!
|
Aantal berichten: 1381 | Lid sinds: 18-02-2005 | Geplaatst om: 20:49 - 09-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. |
MacMini c2d 2,26GHz, 4GB; MacMini c2d 2GHz, 2GB; Macbook c2d 2GHz, 2GB; iMac 7.1 2GHz 2GB; iPod touch 2e G; iPod nano; Te koop: MacMini G4 1,42 GHz, 1 GB; peren en bananen
|
|
|
|
Yurgen
Niet Aanwezig
MacFreak Verslaafde
|
Aantal berichten: 622 | Lid sinds: 16-09-2005 | Geplaatst om: 20:53 - 09-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.
|
I'm not completely worthless, I can be used as a bad example..
|
|
|
|
|
|
