horizontale schuifbalk blijft in beeld

Status
Niet open voor verdere reacties.

merlijn16

Gebruiker
Lid geworden
2 mrt 2010
Berichten
132
hopelijk weet iemand een oplossing.
Ik heb de codes erin gezet dat de schuifbalken alleen in beeld zouden moeten komen als dit nodig is. Echter de horizontale schuifbalk blijft altijd in beeld. De verticale schuifbalk volgt wel de code en komt alleen in beeld als dit nodig is.
Weet iemand een oplossing om die horizontale balk weg te krijgen?

Dit is de code
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>
<title>index</title>
<meta name="AUTHORS" content="..."><meta name="COPYRIGHT" content=".....">
<meta name="description" content="...">
<meta name="keywords" content="....">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="hhtp_style.css" rel="stylesheet" type="text/css" />

<STYLE type=text/css>

A {
COLOR: #003300; TEXT-DECORATION: none
}
A:hover {
COLOR: #666666
}
</STYLE>


</head>

<BODY oncontextmenu="return false" ondrastart="return false" onselectstart="return false">


<div id="central">
	<div id="header">
		<br />
		<a href="test.html">Inloggen</a>
	</div>
    <ul id="navlist">
      <li><a id="n1" href="test.html">button 1</a></li>
      <li><a id="n2" href="test.html">button 2</a></li>
      <li><a id="n3" href="test.html">button 3</a></li>
      <li><a id="n4" href="test.html">button 4</a></li>
      <li><a id="n5" href="test.html">button 5</a></li>
      <li><a id="n6" href="test.html">button 6</a></li>
      <li><a id="n7" href="test.html">button 7</a></li>
      <li><a id="n8" href="test.html">button 8</a></li>      
    </ul>
	<div id="content">
		<div id="leftside">
		
      
                        <br><br>
                        <p>&nbsp;&nbsp;<img src="images/rond_0.gif" height="15" border="0">&nbsp;&nbsp;<a href="blanco.html">....</a></p><br>
			<p>&nbsp;&nbsp;<img src="images/rond_0.gif" height="15" border="0">&nbsp;&nbsp;<a href="blanco.html">....</a></p><br>
		        
                        <br><br><br><br><br><br><br><br><br><br><br><br><br>
<img src="images/lijn.gif" height="5" border="0" hspace="5" vspace="5"><br><br>                          
                        
                        
        </div>
		
                <div id="rightside">



<br>
<h1>test</h1>
<br>
<div align="center">Dit is een testpagina!<br>
Aan deze pagina wordt gewerkt.</div><br>

				


</div>		
<br>
	                        
		<div id="footer">
                <br>&nbsp;&nbsp;&nbsp;<a href="engels/index.html"><img src="images/vlag_eng.jpg" width="27" alt="English" border="0"></a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font face="Arial,Verdana" color="#FFFFFF" size="-2"><a href="blanco.html"><em><strong>Disclaimer</strong></em></a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="blanco.html"><em><strong>Copyright .....</em></strong></a></font></div>
	</div>	
		
	<div id="imagepreloader"><img src="images/buttonover.gif" alt="mouseover" /></div>
</div>
</body>
</html>
 
en dit is de CSS

Code:
* {margin:0px;padding:0px;top:0px;left:0px;}

body{
	text-align: center;
	background-color: #003300;
        scrollbar-arrow-color: #003300;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #000000;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-shadow-color: #003300;
        scrollbar-darkshadow-color: #333333;
        scrollbar-track-color: #FFFFFF;                         
}
#central{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	width: 923px;
        text-align: left;
	background-color: #FFFFFF;
}
#header{
	background-image: url(images/header.jpg);
	height: 144px;
	width: 923px;
	left: 0px;
	top: 0px;
}
#header a{
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 12px;
	font-family: "Courier New", Courier, mono;
	margin-top: 35px;
}
#navlist{
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: absolute;
	height: 27px;
	width: 923px;
	top: 143px;
}
#navlist li{
	display: inline;
	list-style-type: none;
}
#navlist a {
	padding: 3px 10px;
	background-image: url(images/button.gif);
	height: 20px;
	width: 91px;
	display: inline;
	position: absolute;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#navlist a:hover{background-image: url(images/buttonover.gif);}
#n1{left: 0px;}
#n2{left: 116px;}
#n3{left: 232px;}
#n4{left: 348px;}
#n5{left: 464px;}
#n6{left: 580px;}
#n7{left: 696px;}
#n8{left: 812px;}
#leftside{
	float: left;
}
#leftside h3{
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00306f;
	border-right-color: #00306f;
	border-bottom-color: #00306f;
	border-left-color: #00306f;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	margin-left: 35px;	
	margin-top: 35px;	
}
#content{
	
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
                       
        margin-top: 170px;
	position: absolute;
	width: 923px;
        height: 560px;
	background-color: #cccccc;
}
#footer{
	clear: both;
	background-color: #003300;
	position: relative;
	height: 46px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#rightside{
	float: right;
	width: 678px;
	height: 560px;
        background-color: #FFFFFF;
	margin-right: 0px;
	margin-top: 0px;
	overflow: auto;        
}
#picture1{
	margin-left: 0px;
	height: 147px;
	width: 182px;
	background-image: url(images/ir-camera.jpg);
	border: 10px solid #ffffff;
}
#picture2{	
	margin-left: 35px;
	height: 150px;
	width: 200px;
	background-image: url(images/bikeofthemonth.jpg);
       	border: 3px solid #00306f;
}
#rightside p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 25px;
	margin-bottom: 20px;
	width: 550px;
}
#rightside h1{
	margin: 10px 0px 10px 0px;
	width: 600px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
        margin-left: 100px;
}
#rightside span{
	margin-top: 10px;
	margin-bottom: 4px;
	width: 430px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#rightside a{
        color: #003300;
        text-decoration: underline;}
#rightside a:hover{ color: #666666;}
#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	padding-top: 23px;
	margin-right: 10px;
}
#footer a{color: #ffffff;}
#footer a:hover{color: #ffffff;}
#imagepreloader{
	visibility: hidden;
	overflow: hidden;
	height: 0px;
	width: 0px;
}
 
Ik krijg in Firefox, Opera, Safari en Internet Explorer 6 geen horizontale scrollbalk, ook niet bij 'n klein scherm.
Als ik de site valideer op http://validator.w3.org/
krijg ik 107 fouten.
Als ik zo je code bekijk, zou je in geen enkele browser 'n horizontale scrollbar horen te krijgen. Althans: niet op 'n 1024x768-scherm.
Ik weet niet in welke browser je die scrollbar krijgt, maar ik neem aan dat die verdwijnt als je de fouten eruit hebt gehaald.
Als je de fouten van de validator niet begrijpt (de uitleg is vaak geheimtaal) horen we 't wel.
 
ik was al met die validator bezig. Veel dezelfde fouten. Ja redelijk "geheime taal" voor mij.
Ik heb IE 8 en ook 1024 x 768 scherm. Toch onderaan horizontale schuifbalk.
 
toen ik code voor schuifbalk erin zette, werd het witte vlak ook breder.
Toen ik deze smaller maakte, kreeg ik ook grijze kleur aan de rechterzijde en kwam de vertikale schuifbalk op het witte vlak met daarnaast de vertikale strook grijs.
 
Dat lijkt toch op iets dat wordt veroorzaakt door fouten in de code. Vooral ook omdat het maar in één browser speelt. En die scrollbalk die jij beschrijft is gewoon vreemd.
Hoe dan ook: als je problemen hebt, moeten eerst de fouten eruit. Fouten kunnen volstrekt onvoorspelbare resultaten opleveren, die van browser tot browser kunnen verschillen.
Welke fouten begrijp je niet? In xhtml, wat jij hebt, zit er verschil tussen kleine en hoofdletters bij tags. Het scheelt waarschijnlijk al 'n hele serie fouten als je <STYLE verandert in <style, enz.
 
Bedankt voor je hulp
ik meen dat ik het probleem ook in Firefox had, ben andere pc aan het opstarten met firefox. Voor de zekerheid of probleem daar ook is.

Wat ik niet snap is deze code < die steeds aangegeven wordt als fout. Als ik in de pagina kijk, staat die er wel en ik weet niet wanneer ik </br> moet gebruiken. Ik gebruikte enkel <br>
 
Omdat jij xhtml hebt, moet elke tag eindigen op />: spatie + / + >
Ook lege tags zoals <br>. (Leeg omdat er niets in staat). Als je <br> verandert in <br /> (let op de spatie), ben je al 'n hele serie fouten kwijt.

Edit: 't zelfde geldt voor al die meta-tags: die moeten in xhtml eindigen op ... /> (spatie / > dus, maar 'n spatie kan ik niet laten zien, zucht, kreun).
 
Laatst bewerkt:
ook in de nieuwste firefox heb ik horizontale schuifbalk onderaan.
Ik ga een poging doen om de fouten eruit te halen
 
nogmaals bedankt voor je hulp.

Als ik het goed heb begrepen moet ik
<meta name="AUTHORS" content="..."><meta name="COPYRIGHT" content=".....">

veranderen in

<meta name="AUTHORS" content="..." /><meta name="copyright" content=".....">

/ toegevoegd en copyright in kleine letters gezet. Moet ik altijd kleine letters gebruiken en geen woorden in hoofdletters schrijven?
 
Klopt. Hoofdletters kunnen natuurlijk wel in de gewone tekst. (Waarschijnlijk overbodig, maar soms nemen mensen dingen wel heel letterlijk :p ).
Helaas vindt w3c 't leuk om af en toe wat te variëren, dus die regel met DOCTYPE moet blijven zoals 't is. Waarom dat nou in hoofdletters moet is iedereen 'n raadsel, maar goed.

Edit: ik keek met m'n neus. De tag meta (dus <META) moet in kleine letters, net zoals CONTENT. Maar wat tussen aanhalingstekens staat is gewoon tekst, daar kun je alles neerzetten. Wat de validator betreft mag "AUTHORS", en "authors". Voor dat soort strings zijn geen regels, dat geldt als gewone tekst. Persoonlijk (en dat geldt voor de meeste mensen) vind ik het handig om dan overal kleine letters te gebruiken, dat is makkelijker.
Voor 'copyright' geldt hetzelfde.
 
Laatst bewerkt:
Bedankt Goeroeboeroe, ik heb bijna alle fouten eruit gekregen met hulp van de http://validator.w3.org.
Alleen met de fouten in deze regel weet ik me geen raad,
<body oncontextmenu="return false" ondrastart="return false" onselectstart="return false">
Weet iemand wat ik hier in moet aanpassen?

dit is de html code van de pagina
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>
<title>index</title>
<meta name="authors" content="..." /><meta name="copyright" content="....." />
<meta name="description" content="..." />
<meta name="keywords" content="...." />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="hhtp_style.css" rel="stylesheet" type="text/css" />



</head>

<body oncontextmenu="return false" ondrastart="return false" onselectstart="return false">


<div id="central">
	<div id="header">
		<br />
		<a href="test.html">Inloggen</a>
	</div>
    <ul id="navlist">
      <li><a id="n1" href="test.html">button 1</a></li>
      <li><a id="n2" href="test.html">button 2</a></li>
      <li><a id="n3" href="test.html">button 3</a></li>
      <li><a id="n4" href="test.html">button 4</a></li>
      <li><a id="n5" href="test.html">button 5</a></li>
      <li><a id="n6" href="test.html">button 6</a></li>
      <li><a id="n7" href="test.html">button 7</a></li>
      <li><a id="n8" href="test.html">button 8</a></li>      
    </ul>
	<div id="content">
		<div id="leftside">
		
      
                        <br /><br />
                        <p>&nbsp;&nbsp;<img src="images/rond_0.gif" height="15" border="0" alt="Alternatieve tekst" />&nbsp;&nbsp;<a href="blanco.html">test link</a></p><br />
			<p>&nbsp;&nbsp;<img src="images/rond_0.gif" height="15" border="0" alt="Alternatieve tekst" />&nbsp;&nbsp;<a href="blanco.html">test link</a></p><br />
		        
                        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<img src="images/lijn.gif" height="5" border="0" hspace="5" vspace="5" alt="lijn" /><br /><br />                          
                        
                        
        </div>
		
                <div id="rightside">



<br />
<h1>test</h1>
<br />
<div align="center">Dit is een testpagina!<br />
Aan deze pagina wordt gewerkt.</div><br />


			


</div>		
<br />
	                        
		<div id="footer">
                <br />&nbsp;&nbsp;&nbsp;<a href="engels/index.html"><img src="images/vlag_eng.jpg" width="27" alt="English" border="0" /></a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font face="Arial,Verdana" color="#FFFFFF" size="-2"><a href="blanco.html"><em><strong>Disclaimer</strong></em></a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="blanco.html"><em><strong>Copyright .....</strong></em></a></font></div>
	</div>	
		
	<div id="imagepreloader"><img src="images/buttonover.gif" alt="mouseover" /></div>
</div>
</body>
</html>

En dit is de code van de stylesheet
Code:
* {margin:0px;padding:0px;top:0px;left:0px;}

body{
	text-align: center;
	background-color: #003300;
        scrollbar-arrow-color: #003300;
        scrollbar-face-color: #FFFFFF;
        scrollbar-highlight-color: #000000;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-shadow-color: #003300;
        scrollbar-darkshadow-color: #333333;
        scrollbar-track-color: #FFFFFF;                         
}
#central{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	width: 923px;
        text-align: left;
	background-color: #FFFFFF;
}
#header{
	background-image: url(images/header.jpg);
	height: 144px;
	width: 923px;
	left: 0px;
	top: 0px;
}
#header a{
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 12px;
	font-family: "Courier New", Courier, mono;
	margin-top: 35px;
}
#navlist{
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: absolute;
	height: 27px;
	width: 923px;
	top: 143px;
}
#navlist li{
	display: inline;
	list-style-type: none;
}
#navlist a {
	padding: 3px 10px;
	background-image: url(images/button.gif);
	height: 20px;
	width: 91px;
	display: inline;
	position: absolute;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#navlist a:hover{background-image: url(images/buttonover.gif);}
#n1{left: 0px;}
#n2{left: 116px;}
#n3{left: 232px;}
#n4{left: 348px;}
#n5{left: 464px;}
#n6{left: 580px;}
#n7{left: 696px;}
#n8{left: 812px;}
#leftside{
	float: left;
}
#leftside a{
        color: #003300;
        text-decoration: none;}
#leftside a:hover{ color: #666666;}
#leftside h3{
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00306f;
	border-right-color: #00306f;
	border-bottom-color: #00306f;
	border-left-color: #00306f;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	margin-left: 35px;	
	margin-top: 35px;	
}
#content{
	
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
                       
        margin-top: 170px;
	position: absolute;
	width: 923px;
        height: 560px;
	background-color: #cccccc;
}
#footer{
	clear: both;
	background-color: #003300;
	position: relative;
	height: 46px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#rightside{
	float: right;
	width: 678px;
	height: 560px;
        background-color: #FFFFFF;
	margin-right: 0px;
	margin-top: 0px;
	overflow: auto;        
}
#rightside p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 25px;
	margin-bottom: 20px;
	width: 550px;
}
#rightside h1{
	margin: 10px 0px 10px 0px;
	width: 600px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
        margin-left: 100px;
}
#rightside span{
	margin-top: 10px;
	margin-bottom: 4px;
	width: 430px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#rightside a{
        color: #003300;
        text-decoration: underline;}
#rightside a:hover{ color: #666666;}
#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	padding-top: 23px;
	margin-right: 10px;
}
#footer a{
        color: #ffffff;
        text-decoration: none;}
#footer a:hover{color: #ffffff;}
#imagepreloader{
	visibility: hidden;
	overflow: hidden;
	height: 0px;
	width: 0px;
}

Tot nu toe heb ik ook nog steeds de horizontale schuifbalk in beeld, dit probleem is ook nog niet opgelost. Misschien heb ik wat verkeerd staan in de CSS?
 
Wat in de body staat is JavaScript. Eigenlijk hoort dat daar niet meer te staan, maar in 'n apart bestand. En de validator kan alleen met css en html overweg, dus zodoende.
Volgens mij kan dat gewoon weg. Ik ben geen JavaScript-expert, maar volgens mij zijn dat zwaar verouderde codes die alleen in IE werken en op deze pagina geen enkel nut hebben. Dus dan is dat gelijk opgelost.

Als de css-validator alleen (alleen!) bij die scrollbar-... fouten geeft, kun je dat negeren. Dat is geen standaard-css, vandaar die fouten. Het werkt alleen in IE .Andere browsers negeren het gewoon. Omdat je precies weet waar die foutmeldingen vandaan komen, is het niet erg als je het negeert in dit geval.
(Overigens vinden veel mensen het helemaal geen goed idee als je de scrollbar gaat veranderen, want ze zijn gewend aan de kleur enz. Dat is ook de reden dat het niet in de standaard zit.)

Is je probleem toevallig ook opgelost nu?
 
bedankt voor je reactie. Ben nog steeds met het probleem bezig.
Heb intussen in de CSS een code aangepast. Nu is eindelijk horizontale scrolbalk weg. Jippie dacht ik. Maar helaas te vroeg gejuigd. Als ik er tekst inzet waarbij alleen verticale scrollbalk moet werken komt ook horizontale balk weer in beeld.
Begrijp er echt niks van. Fout moet ergens in de stylesheet zitten volgens mij.
 
Als de fouten er (in ieder geval grotendeels) uit zijn, zet hier dan nog 'ns je code neer. Makkelijker zou trouwens zijn als je 'n link naar je code online hebt.
 
pfffff de schuifbalk er zojuist uitgekregen en werkt denk ik eindelijk zoals het moet.
Nu heb ik alleen nog 1 fout in de webpagina. Zou mooi zijn als ik die er ook nog uit kon krijgen.
het is deze regel:
<body oncontextmenu="return false" ondrastart="return false" onselectstart="return false">
Ik krijg als melding;
Line 17, Column 21: there is no attribute "oncontextmenu"
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
 
Hoe heb je die schuifbalk er nu uitgekregen?
Je hebt iets gemist in een van m'n vorige stukjes. Volgens mij kun je die hele riedel bij <body ....> gewoon vervangen door <body>
Dat is JavaScript dat volgens mij alleen werkt in IE en verouderd is.Het heeft volgens mij geen enkel nu op jouw pagina.
De validator geeft 'n fout omdat JavaScript tegenwoordig eigenlijk in 'n apart bestand moet.
 
Ja ik had inderdaad wat gemist uit je vorige stukje. Ik had het verkeerd begrepen. Dacht dat je die foutcode van de schuifbalk bedoelde en deze eruit konden. Dit omdat de kleuren enkel in IE weergegeven worden.
Ik wil eigenlijk wel deze code erin houden <body oncontextmenu="return false" ondrastart="return false" onselectstart="return false">
ook al werkt het alleen in IE. Bijna drie kwart van mijn webbezoekers hebben IE. Ik wil het kopieren van tekst niet te gemakkelijk maken.
Heb al eens vrijwel mijn complete website tekst op een andere site terug gezien.

Hoe ik de horizontale schuifbalk eruit gekregen heb.
in de CSS ben ik aan het rommelen geweest. Breedtes aangepast.
#rightside{
float: right;
width: 678px;
height: 560px;
width heb ik 700px gemaakt, nu verliep alles normaler, vast omdat de vele fouten eruit zijn.
En hierop heb ik nog wat aan moeten passen om tekst netjes in het veld te hebben.
Bedankt voor je hulp. Als je de gehele stylesheet wilt zien dan laat maar weten.

je schrijft dat javascripts eigenlijk in een appart bestand horen. Kun je me dit uitleggen? je bedoelt met appart bestand neem ik aan ook niet de CSS?
 
't Heeft dan waarschijnlijk met die fouten te maken. Helemaal precies zullen we 't dan nooit weten, want fouten geven soms volkomen vreemde niet te traceren problemen.
Je weet dat dat JavaScript geen enkele échte bescherming biedt tegen kopiëren? 't Maakt 't inderdaad hoogstens 'n heel klein beetje lastiger, meer niet.
Hoe dat precies moet met extern JavaScript kan ik je niet zeggen. Je moet mij zien zoals bepaalde politici: ik kan heel goed roepen hoe 't niet moet, maar hoe 't wel moet, tja...
Ongeveer: vroeger was de enige mogelijkheid om onder 'n link of zo onclick of zo toe te voegen. Als dat niet goed werd gedaan (meestal) werkte de link dus niet meer zonder JavaScript. En 't geeft 'n rommelig beeld: html en JavaScript (en liefst ook nog inline-css of <font>) allemaal in één bestand.
Tegenwoordig heb je de mogelijkheid omdat onclick enz. in 'n extern bestand toe te voegen via addEventListener/attachEvent (IE heeft natuurlijk weer z'n eigen afwijkende manier). Dat maakt de code 'n stuk overzichtelijker en je weet zeker dat je pagina ook zonder JavaScript goed werkt, want dat zit er gewoon helemaal niet in.
Zoiets.
(Helaas heb ik niet de tijd om me echt te verdiepen in JavaScript, dus JavaScript-experts: voel je vrij dit af te schieten als 't niet klopt :D )

Je kunt die fout van de validator gewoon laten zitten. Browsers die dit niet kennen negeren 't gewoon. En aangezien je exact weet waardoor die fout ontstaat, hoef je ook niet bang te zijn voor bijwerkingen.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan