login  Naam:   Wachtwoord: 
Registreer je!
 Forum

header

Offline gndrmaster - 30/01/2011 20:28 (laatste wijziging 31/01/2011 00:37)
Avatar van gndrmasterNieuw lid Hey mensen,

Ik ben net begonnen met m'n eerste site te maken maar nu heb ik een header geplaatst. En naast de header zit een heel vlak wat ik niet weg krijg, dit is de html code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  3.     <title>ditismilan</title>
  4.     <LINK REL="stylesheet" HREF="css.txt" TYPE="text/css">
  5.  
  6.     </style>
  7. </head>
  8. <body bgcolor="black">
  9.     <div class="header"><img alt="header 135 kb"src="header.jpg" height="119" width="828"/></div>
  10.     <div id="menu">	
  11.         <object type="application/x-shockwave-flash" data="milan.swf" width="400" height="300">
  12.             <param name="movie" value="movie.swf" />
  13.     </div>
  14.         </object>
  15. </body>
  16. </html>

En dit de css:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #menu { position:relative; left:-100px; top:115px;}
  2. .header {position:relative; right:-270px; top:-8;}

Wat dus het probleem is, is dat wanneer ik de pagina open, is er rechts van de header een groot vlak waardoor je naar rechts kunt scrollen, en ik wil dit eigenlijk weg hebben maar kan niks vinden in m'n script.

3 antwoorden

Gesponsorde links
Offline WouterJ - 30/01/2011 21:25 (laatste wijziging 30/01/2011 22:44)
Avatar van WouterJ HTML gevorderde Dat komt door de right: -270px. Dit zorgt ervoor dat de hele handel 270 naar rechts verplaatst wordt.

Verder zijn er nog veel meer fouten in je script:
- Mist een doctypep (dus werkt niet goed in IE)
- Gebruik id's als je een naam maar 1 keer gebruikt
- Je sluit een style tag af die niet geopend is
- Je gebruikt onnodig position: relatieve;. Met float en margin/padding kan je veel beter een pagina maken.
- Het gebruik van spaties, enters en tabs zorgen voor overzicht in HTML/CSS/welke taal dan ook.
- HTML schrijf je met kleine letters, in XHTML is dit zelfs verplicht.
- Gebruik geen inline CSS.
- Ga niet de volgorde door elkaar halen. Dus niet <b><u>tekst</b></u> maar <b><u>tekst</u></b>
Offline Abbas - 31/01/2011 00:34 (laatste wijziging 31/01/2011 00:38)
Avatar van Abbas Gouden medaille

Crew .NET		 Volgende keer als je een topic/reactie schrijft:
- gebruik je codetags rond je code
- schrijf je in het AN (Algemeen Nederlands): hoofdletters, correcte woorden/zinnen, ...

Over de inhoud van je topic. Zorg er al eens eerst voor dat je juiste code schrijft. Hiermee bedoel ik, zoals hierboven al vermeld, het correct openen en sluiten van tags en dergelijke. Je code is ook in geen enkel opzicht valid: er is geen doctype aanwezig, correct sluiten van tags gebeurt niet, attributen staan in hoofdletters, ... Als dit opgelost is kan je gaan zoeken waar je fout zit want nu is dat maar een hopeloos stukje code.

Ik heb je code 'opgekuist'. Hiermee is je originele probleem waarschijnlijk niet opgelost maar de code zelf is wel valid en correct!

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  4.     <title>ditismilan</title>
  5.     <link rel="stylesheet" href="css.txt" type="text/css" />
  6. </head>
  7. <body bgcolor="black">
  8.     <div class="header">
  9.         <img alt="header 135 kb" src="header.jpg" height="119" width="828"/>
  10.     </div>
  11.     <div id="menu">    
  12.     <object type="application/x-shockwave-flash" data="milan.swf" width="400" height="300">
  13.         <param name="movie" value="movie.swf" />
  14.     </object>
  15.     </div>
  16. </body>
  17. </html>
Offline Kevin - 31/01/2011 19:44
Avatar van Kevin Crew Ajax/REST En om toch wat standaarden te volgen, misschien je css in een .css bestand zetten ipv een .txt
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s