• De afgelopen dagen zijn er meerdere fora waarop bestaande accounts worden overgenomen door spammers. De gebruikersnamen en wachtwoorden zijn via een hack of een lek via andere sites buitgemaakt. Via have i been pwned? kan je controleren of jouw gegeven ook zijn buitgemaakt. Wijzig bij twijfel jouw wachtwoord of schakel de twee-staps-verificatie in.

Website kleine foutjes

  • Onderwerp starter Onderwerp starter Exeus
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
E

Exeus

Gast
Hallo iedereen, ik ben dus bezig met het leren van websites te maken met html en css, maar ik heb een paar kleine probleempjes, (ik denk toch dat het kleintjes zijn:p). nu, contact staat onder home, maar eig moet contact helemaal rechts staan, naast de rest, en ook mijn copyright div staat niet goed :s, kan iemand mij helpen? website kan je zien op : http://wildscoutz.mn-is.net
 
ik weet niet of het werkt maar het lijkt mij logisch.
dit is de code van je site
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link href="CSS/stylesheet.css" rel="stylesheet"  type="text/css" /> 
<script src="JS/functions.js" language="JavaScript"></script> 
<meta name="keywords" content="website tutorials, website, tutorials, handleidingen" /> 
</head> 
 
<body> 
<div align="center"> 
	<div id="main"> 
    	<div id="header" align="left"> 
        	<div id="header_name"> 
        		My HTML-CSS tutorial
                </div> 
        <div id="header_slogan"> 
        	voor al nieuwsgroepen informatie!
        </div> 
        </div> 
        	<div id="menu"> 
            <ul> 
<li> 
<a href="index.html">Home</a> 
</li> 
<li> 
<a href="#" onmouseover="mopen('m1')"
onmouseout="mclosetime()">Informatie</a> 
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> 
<a href="informatie_1.html">Informatie 1</a> 
<a href="informatie_2.html">Informatie 2</a> 
<a href="informatie_3.html">Informatie 3</a> 
</div> 
</li> 
<li> 
<a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Media</a> 
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> 
<a href="audio.html">Audio</a> 
<a href="video.html">Video's</a> 
</div> 
</li> 
<li> 
<a href="downloads.html">Downloads</a> 
</li> 
<li> 
<a href="links.html">Links</a> 
</li> 
<li> 
<a href="contact.html">Contact</a> 
</li> 
</ul> 
            </div> 
   	  <div id="content" align="left"> 
               	 	<div id="content_title"> 
                    	<h5> Home </h5> 
          </div> 
                    <div id="content_text"> 
                    <br /> 
                    <br /> 
                      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed aliquet diam at mi. Aliquam justo tellus,
                        vestibulum sit amet, luctus vel, venenatis sit amet, leo. Integer ut sapien. Quisque neque. Curabitur
                        porttitor sagittis mi. Nullam commodo, elit at bibendum faucibus, tellus leo posuere justo, sed
                        aliquam ligula enim ac turpis. Duis et orci. Ut fermentum, velit at sollicitudin ultricies, nisi massa
                        congue risus, quis cursus nisl lacus euismod eros. Nunc neque erat, laoreet et, molestie id, sagittis
                        non, velit. Maecenas et magna at sapien tincidunt tempus. Cum sociis natoque penatibus et magnis
                        dis parturient montes, nascetur ridiculus mus. Vestibulum scelerisque tellus ut nunc. Quisque nec mi.
                        In sed metus eu nisi dapibus vulputate. Quisque eros dui, bibendum ut, rhoncus non, adipiscing at,
                        felis. Ut eget pede. Morbi elit enim, facilisis sit amet, rutrum ut, pretium ut, quam. Pellentesque
                        porttitor convallis nunc.                       </p> 
                      <p> Maecenas interdum orci ac diam. Pellentesque pharetra. Nullam id sem eu nisl dapibus accumsan.
                        Duis malesuada, diam sed consectetuer tristique, urna augue tincidunt mi, scelerisque accumsan
                        urna enim ac neque. Aenean non urna. Mauris non nisl. Cras eleifend dignissim diam. Sed adipiscing.
                        Praesent diam neque, posuere sit amet, pulvinar nec, varius ac, lorem. Integer feugiat nulla eget
                        turpis. Ut lorem. Nam mauris ligula, semper a, lacinia eu, facilisis sed, orci. In id nisl non elit tempor
                        faucibus. Suspendisse iaculis vestibulum sapien. Aliquam blandit.</p> 
                      <p> Aenean vulputate commodo elit. Donec dapibus molestie lectus. Donec cursus magna in lacus.
                        Vestibulum ligula. Praesent eget lectus a ligula iaculis rutrum. Mauris interdum, sem in dignissim
                        aliquam, leo lorem adipiscing odio, eget imperdiet mi nisl at est. Nulla faucibus. Maecenas congue
                        nulla iaculis tellus. Quisque sem felis, gravida ut, scelerisque nec, suscipit quis, leo. Nullam nisi nisi,
                        rutrum et, pretium id, mattis sed, lorem. In urna. Morbi mattis congue enim. Maecenas suscipit
                        accumsan elit. Praesent magna turpis, posuere pulvinar, tempor et, consequat sagittis, quam. </p> 
          </div> 
                
           
      </div> 
    </div> 
</div> 
<div id="copyright" align="center"> 
Copyright 2010 Mike Vanvooren
</div> 
</body> 
</html>
en dit is de div van de grote lap tekst
HTML:
<div id="content" align="left"> 
               	 	<div id="content_title"> 
                    	<h5> Home </h5> 
          </div> 
                    <div id="content_text"> 
                    <br /> 
                    <br /> 
                      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed aliquet diam at mi. Aliquam justo tellus,
                        vestibulum sit amet, luctus vel, venenatis sit amet, leo. Integer ut sapien. Quisque neque. Curabitur
                        porttitor sagittis mi. Nullam commodo, elit at bibendum faucibus, tellus leo posuere justo, sed
                        aliquam ligula enim ac turpis. Duis et orci. Ut fermentum, velit at sollicitudin ultricies, nisi massa
                        congue risus, quis cursus nisl lacus euismod eros. Nunc neque erat, laoreet et, molestie id, sagittis
                        non, velit. Maecenas et magna at sapien tincidunt tempus. Cum sociis natoque penatibus et magnis
                        dis parturient montes, nascetur ridiculus mus. Vestibulum scelerisque tellus ut nunc. Quisque nec mi.
                        In sed metus eu nisi dapibus vulputate. Quisque eros dui, bibendum ut, rhoncus non, adipiscing at,
                        felis. Ut eget pede. Morbi elit enim, facilisis sit amet, rutrum ut, pretium ut, quam. Pellentesque
                        porttitor convallis nunc.                       </p> 
                      <p> Maecenas interdum orci ac diam. Pellentesque pharetra. Nullam id sem eu nisl dapibus accumsan.
                        Duis malesuada, diam sed consectetuer tristique, urna augue tincidunt mi, scelerisque accumsan
                        urna enim ac neque. Aenean non urna. Mauris non nisl. Cras eleifend dignissim diam. Sed adipiscing.
                        Praesent diam neque, posuere sit amet, pulvinar nec, varius ac, lorem. Integer feugiat nulla eget
                        turpis. Ut lorem. Nam mauris ligula, semper a, lacinia eu, facilisis sed, orci. In id nisl non elit tempor
                        faucibus. Suspendisse iaculis vestibulum sapien. Aliquam blandit.</p> 
                      <p> Aenean vulputate commodo elit. Donec dapibus molestie lectus. Donec cursus magna in lacus.
                        Vestibulum ligula. Praesent eget lectus a ligula iaculis rutrum. Mauris interdum, sem in dignissim
                        aliquam, leo lorem adipiscing odio, eget imperdiet mi nisl at est. Nulla faucibus. Maecenas congue
                        nulla iaculis tellus. Quisque sem felis, gravida ut, scelerisque nec, suscipit quis, leo. Nullam nisi nisi,
                        rutrum et, pretium id, mattis sed, lorem. In urna. Morbi mattis congue enim. Maecenas suscipit
                        accumsan elit. Praesent magna turpis, posuere pulvinar, tempor et, consequat sagittis, quam. </p> 
          </div>
zoals je kan zien staat de aligen op left
HTML:
<div id="content" align="left">
en de div staat gewoon netjes uitgelijnd de div van het copyright is dit
HTML:
<div id="copyright" align="center"> 
Copyright 2010 Mike Vanvooren
</div>
zoals je ziet staat de aligen hier op center en staat hoe in het voorbeeld links uitgelijnd dus als je nou daar de aligen op left zet dan lijkt het mij logisch dat het werkt

correct me if i wrong
 
Fout, <div id="copyright" align="center"> naar <div id="copyright" align="left">
maakt de tekst naar links, niet het balkje, maar heb het intusse al opgelost, er zat een </div> op elke pag te veel :), nu alleen die contact die nog opgelost moet worden.
 
Zo te zien is je doctype XHTML.
In XHTML is het niet meer toegestaan om het align attribuut in een div syntax te plaatsen. Gebruik in plaats daarvan CSS.

Om iets te centreren in CSS kun je niet simpelweg align gebruiken, maar moet je met margins gaan werken:

HTML:
margin-left: auto;
margin-right: auto;

Je kunt dit eventueel direct in de div tag plaatsen:

HTML:
style="margin-left: auto; margin-right: auto"


Edit:
Toch nog even wat onderzoek gedaan.
Om mezelf te corrigeren; het align attribuut blijkt nog wel te zijn toegestaan in XHTML Transitional. (Ik was even in de war met XHTML 1.1 wat standaard Strict is)
In principe kun je bovenstaande informatie negeren. Sorry voor de verwarring. ;)


Wat betreft je contact knop in het menu, het lijkt erop dat er geen ruimte meer is om hem naast de andere knoppen te plaatsen.
Daarom zet de browser hem automatisch op de "volgende regel".
Probeer je menu knoppen iets te verkleinen.
 
Wat betreft je contact knop in het menu, het lijkt erop dat er geen ruimte meer is om hem naast de andere knoppen te plaatsen.
Daarom zet de browser hem automatisch op de "volgende regel".
Probeer je menu knoppen iets te verkleinen.

Wow,ik was nog eens aan het kijken in men stylesheet.css, en toen ging ik maar proberen om mijn
HTML:
 #menu li a {	
	width: 140px;
}
eens naar 130px te doen, en het was direct opgelost :p dat was snel hehe, maar nu is men enige fout nodg dat je bij home en contact er een stukje uit ziet van de balk :/

---
hehe, dat is ook al opgelost, heb zitten zoeken naar de height
HTML:
#menu li a {

	height: 17px;
}
naar 16px gedaan, en is ook opgelost:p
 
ik heb nog een kleine opmerking,
ik zie dat je je formuliertje rechtstreeks laat doorsturen naar je email,
dit zou je beter via een script doen vanwege spam
 
ik heb nog een kleine opmerking,
ik zie dat je je formuliertje rechtstreeks laat doorsturen naar je email,
dit zou je beter via een script doen vanwege spam

Wil je zo vriendelijk zijn om daar wat meer uitleg bij te geven? :)
ik wil namelijk graag weten hoe dat zit enzo :D
 
Ik heb al eens eerder iemand geholpen met zo'n soort script.
Kijk daarvoor even in [thread=57308]dit topic[/thread].

Mocht het je zelf niet lukken om het script aan te passen aan jouw formulier, laat het me dan maar weten dan maak ik een aangepaste versie voor je ;)
 
ik snap het niet goed eig, die bovenste code van die topic, krijg je alleen email te zien, ook in de code staat er nergens waar het naar verwezen moet worden, kan je aub een aangepaste voor mij maken met [naam] [email adres] [onderwerp] en een tekstvakje.
en ook wat ik in men contact.html moet zetten om het daar naar te verwijzen. thanks
 
over dat script: zelf weet ik niet zoveel van scripting,
dus ik zou ergens een standaardscriptje zoeken.
wat je met die link van Abraham moet doen?
dat is een validator die controleert of jouw website voldoet aan de standaard
normaal mogen er geen errors zijn, en de jouwe heeft er 5,
die moet je er nog uithalen dus
 
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan