HTML5 CSS3 Vraag

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Dave schaafsma

dave schaafsma

16/06/2012 14:42:15
Quote Anchor link
Beste leden.

Ik zit met een probleempje ik heb deze code.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML>
<html>
<head>
    <title>Zendo the ptc standard.</title>

    <link rel="stylesheet" type="text/css" href="A.css"
    <meta http-equiv="content-type" content="text/html" />
    <meta charset="UTF-8" />
    
    <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-15832241-1']);_gaq.push(['_setDomainName','zendobux.com']);_gaq.push(['_setAllowLinker',true]);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script>
</head>
<body>

<header>
    <div id="header"></div>
</header>


</body>
</html>


en de css voor de header :

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7

header{
background:yellow;
min-height:200px;
max-height:200px;
padding-top:0px;
}


Als vele al weten krijg je een blok met aan de boven en zijkant er een stuk ruimte tussen hoe haal ik dit weg ?
 
PHP hulp

PHP hulp

06/03/2025 05:49:11
 
Vincent Huisman

Vincent Huisman

16/06/2012 14:46:43
Quote Anchor link
margin: 0; op de body/html zetten
Gewijzigd op 16/06/2012 14:46:56 door Vincent Huisman
 
Dave schaafsma

dave schaafsma

16/06/2012 14:49:44
Quote Anchor link
Hoe bedoelt u dat op de body zetten ?
 
Marco M

Marco M

16/06/2012 14:54:28
Quote Anchor link
In je css:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
html,body {
margin:0;
padding:0;
}
Gewijzigd op 16/06/2012 14:54:46 door Marco M
 
Casper B

Casper B

19/06/2012 19:01:40
Quote Anchor link
Je zou zoiezo een reset lijst kunnen maken voor je css tags.
Dit kun je op de volgende manier doen:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
* {
margin:0;
padding:0
border:0
outline:0
}


Tevens heb je ook nog een reset voor de speciale html5 tags. Deze reset alles voor IE.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
Wouter J

Wouter J

19/06/2012 19:08:35
Quote Anchor link
@Casper, het is beter om gebruik te maken van HTML5 shiv i.p.v. die HTML5 reset CSS. Want er zijn nog meer problemen en het gebruik van die CSS is meer een uitweg om het alsnog voor elkaar te krijgen op het scherm, terwijl HTML5shiv de oplossing is.

Tevens zou ik er nog meer stijlen reseten. Ik gebruik altijd deze Reset: http://wouterj.nl/wp-content/themes/wouterj12/css/reset.styl

Andere resets: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/

Of als je het helemaal goed wil aanpakken: normalize.css
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.