HTML/CSS Margin fout

Forum Developing & Coding HTML & CSS Topic

Reageren 💬 Nieuw topic 📂

Sharp

:')

moderator

3420 posts

Geplaatst op: 17 Feb 2007, 16:54

PimpCoins: 0

💸+

Bewerken Quote

Ik heb dus een paar fouten in me html denk ik, of het ligt aan me pc ofzo .

- De header (die blauwe gradient) zit niet helemaal tegen de bovenkant van de pagina aan, wat ik wel wil.

- Ik wil in het logo in het midden van de header, en ik wil dat die header (wat ik met dat repeat-x doe) helemaal over de pagina zit, en dat is niet zo .

Is gefixt, ik had het binnen die blockquote tags !

Hoe los ik deze problemen op? Bij voorbaad dank.

Mijn code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 <head>
    <title>Sharp | Portfolio</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="Copyright" content="(c) 2006/2007, Alle Rechten Voorbehouden" />
    <style type="text/css" title="stylesheet">
            body { 
            background: #fff; 
            font: 10pt Tahoma;
            }
            
           #text { 
           font-size: 18pt;
           font-family: 'Trebuchet MS';
           margin: 5px 0 0 40px; 
           color: #ff5050;
           }
           
           #header { 
           background: url('header_bg.gif') repeat-x;
           }
           
           #footer {
           font: 9pt Tahoma;
           align: center;
           }
        </style>
 </head>

  <body>
  <blockquote><blockquote><blockquote>
    <p id="header"><img src="header_logo.gif" /></p>
    <p id="text">Portfolio Online!</p><br />
    Binnenkort zullen jullie de layout zien + mijn creaties zien.<br /><br />
    <blockquote>
    &bull; <b>Foto's</b> - Van landschap tot macro foto's<br />
    &bull; <b>Designs</b> - Layouts en meer<br />
    &bull; <b>Coding</b> - HTML & PHP<br /><br />
    </blockquote>
    <p id="footer">&copy; Sharp</p>
   </blockquote></blockquote></blockquote>
  </body>
</html>