Ik kan page niet centreren help aub

Status
Niet open voor verdere reacties.
Chikitazzz

Chikitazzz

Gebruiker
Lid geworden
25 aug 2007
Berichten
242
Hallo dit is mijn html code en ik kan heel die html code (page) niet centeren heb van alles geprobeert maar het lukt niet kan mij iemand helpen aub...
de bedoeling is dat men webpage in midden is en nie links want nu is die links kwil alles hoe het is gewoon in het midden ... :(

HTML: 
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker (unregistered version)">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Site-Enter" content="revealTrans(Duration=5,Transition=15)">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=0,Transition=4)">

<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

</head>

<body background="http://img25.imageshack.us/img25/3630/backroundentersite.jpg">

<div id="image1" style="position:absolute; overflow:hidden; left:100px; top:20px; width:760px; height:363px; z-index:0"><img src="http://img4.imageshack.us/img4/4962/headeruq.gif" alt="" title="" border=0 width=760 height=363></div>

<div id="image2" style="position:absolute; overflow:hidden; left:101px; top:378px; width:760px; height:1000px; z-index:1"><img src="http://img6.imageshack.us/img6/9778/midden.gif" alt="" title="" border=0 width=760 height=1000></div>

<div id="text1" style="position:absolute; overflow:hidden; left:183px; top:280px; width:47px; height:17px; z-index:2">
<a href="http://happy17.twilightlegend.com/Home-h2.htm"><div class="wpmd">
<div><font color="#FFFFFF">HOME</font></div>
</div></a></div>

<div id="text2" style="position:absolute; overflow:hidden; left:271px; top:311px; width:47px; height:17px; z-index:3">
<a href="http://happy17.twilightlegend.com/Foto-s-h3.htm"><div class="wpmd">
<div><font color="#FFFFFF">FOTO'S</font></div>
</div></a></div>

<div id="text3" style="position:absolute; overflow:hidden; left:390px; top:342px; width:55px; height:17px; z-index:4">
<a href="http://happy17.twilightlegend.com/Video-s-h4.htm"><div class="wpmd">
<div><font color="#FFFFFF">VIDEO'S</font></div>
</div></a></div>

<div id="text4" style="position:absolute; overflow:hidden; left:517px; top:342px; width:74px; height:17px; z-index:5">
<a href="http://happy17.twilightlegend.com/Over ons-h5.htm"><div class="wpmd">
<div><font color="#FFFFFF">OVER ONS</font></div>
</div></a></div>

<div id="text5" style="position:absolute; overflow:hidden; left:641px; top:311px; width:74px; height:17px; z-index:6">
<a href="http://happy17.twilightlegend.com/Gedichten-h6.htm"><div class="wpmd">
<div><font color="#FFFFFF">GEDICHTEN</font></div>
</div></a></div>

<div id="text6" style="position:absolute; overflow:hidden; left:735px; top:280px; width:37px; height:17px; z-index:7">
<a href="http://happy17.twilightlegend.com/Chat-h7.htm"><div class="wpmd">
<div><font color="#FFFFFF">CHAT</font></div>
</div></a></div>

<div id="text7" style="position:absolute; overflow:hidden; left:399px; top:1249px; width:174px; height:90px; z-index:8">
<div class="wpmd">
<div align=center><font color="#FFFFFF" class="ws7">CREATED ON 26-11-2009</font></div>
<div align=center><font color="#FFFFFF" class="ws7">Alright Reserved</font></div>
</div></div>

<div id="image4" style="position:absolute; overflow:hidden; left:162px; top:269px; width:20px; height:20px; z-index:9"><img src="http://img21.imageshack.us/img21/7109/hartjew.png" alt="" title="" border=0 width=20 height=20></div>

<div id="image5" style="position:absolute; overflow:hidden; left:248px; top:299px; width:20px; height:20px; z-index:10"><img src="http://img21.imageshack.us/img21/7109/hartjew.png" alt="" title="" border=0 width=20 height=20></div>

<div id="image6" style="position:absolute; overflow:hidden; left:367px; top:330px; width:20px; height:20px; z-index:11"><img src="http://img21.imageshack.us/img21/7109/hartjew.png" alt="" title="" border=0 width=20 height=20></div>

<div id="image7" style="position:absolute; overflow:hidden; left:589px; top:329px; width:20px; height:20px; z-index:12"><img src="http://img6.imageshack.us/img6/3451/hartje2.png" alt="" title="" border=0 width=20 height=20></div>

<div id="image8" style="position:absolute; overflow:hidden; left:717px; top:300px; width:20px; height:20px; z-index:13"><img src="http://img6.imageshack.us/img6/3451/hartje2.png" alt="" title="" border=0 width=20 height=20></div>

<div id="image9" style="position:absolute; overflow:hidden; left:774px; top:266px; width:20px; height:20px; z-index:14"><img src="http://img6.imageshack.us/img6/3451/hartje2.png" alt="" title="" border=0 width=20 height=20></div>

<div id="image3" style="position:absolute; overflow:hidden; left:100px; top:378px; width:760px; height:1000px; z-index:15"><img src="http://img137.imageshack.us/img137/7508/middenfotos.png" alt="" title="" border=0 width=760 height=1000></div>

</body>
</html>
 
Laatst bewerkt door een moderator:
Eerst even heel simpel antwoorden.
Je kan geen twee dingen tegelijk ofwel centreer je uw pagina ofwel zoals U doet positioneer je absoluut.
Om dat op te lossen moet je een overal container maken en die relatief positioneren en in die container kan je alles absoluut positioneren.
Ofwel start je terug van nul werk je met een externe css en geen interne en inline css
Je geeft je pagina een doctype en je werkt met divs die je stijlt in je externe css.
Ik denk dat deze site gegenereerd is met het een of ander microsoft programma.
veel suc6
Mvg
Defietser
 
Laatst bewerkt:
defietser zei:
Eerst even heel simpel antwoorden.
Je kan geen twee dingen tegelijk ofwel centreer je uw pagina ofwel zoals U doet positioneer je absoluut.
Om dat op te lossen moet je een overal container maken en die relatief positioneren en in die container kan je alles absoluut positioneren.
Ofwel start je terug van nul werk je met een externe css en geen interne en inline css
Je geeft je pagina een doctype en je werkt met divs die je stijlt in je externe css.
Ik denk dat deze site gegenereerd is met het een of ander microsoft programma.
veel suc6
Mvg
Defietser
Klik om te vergroten...



Jah je hebt gelijk dankuwel! groetjes
 
defietser zei:
Eerst even heel simpel antwoorden.
Je kan geen twee dingen tegelijk ofwel centreer je uw pagina ofwel zoals U doet positioneer je absoluut.
Om dat op te lossen moet je een overal container maken en die relatief positioneren en in die container kan je alles absoluut positioneren.
Ofwel start je terug van nul werk je met een externe css en geen interne en inline css
Je geeft je pagina een doctype en je werkt met divs die je stijlt in je externe css.
Ik denk dat deze site gegenereerd is met het een of ander microsoft programma.
veel suc6
Mvg
Defietser
Klik om te vergroten...

Met welke programma zou ik het best opnieuw beginnen weet jij dat mss ...? en raad zou vo mij nu heel goed zijn ... :confused:

groetjes
 
Ik heb je code even vluchtig bekeken en vannacht heb ik weer nachtmerries :D . Dat is echt erg.
Lijkt me heel goed om 'n ander programma te gebruiken.
Het best is om zelf html, css, e.d. te leren. Maar anders schijnt 'n goed programma te zijn Kompozer. Hier wat links ernaartoe:
http://www.css-voorbeelden.nl/links.html#a-ger-wysiwyg
Wordt nog actief onderhouden, maakt code die volgens de standaard is, schijnt redelijk makkelijk in het gebruik te zijn, is gratis en open source. (Ik ken het zelf niet.)
Er zijn er nog meer, maar die moeten anderen maar melden, want ik ben er niet in thuis.

Aanvulling: vaak wordt ook nog nvu genoemd, maar Kompozer is gewoon hetzelfde, alleen nieuwer. Om juridische redenen kon de naam nvu niet meer worden gebruikt.
 
Laatst bewerkt:
Hahahhhaa nachtmerries :o


Jah indd ik ben naar storegegaan heb nieuwe software aangekocht namelijk " serfi webplus " is een prachtige software om sites te maken enz... dus nu is het al oke
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan