Archief - HTML/CSS: <IMG align="right"

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
C

Chalk

Legacy Member
ik gebruik wel <br /> maar </img> omdak da gwn gewoon ben..

maar de link http://users.telenet.be/webecomeone/test
in FF komt alles dus tegen de randen van je scherm.. in IE niet..

de LINKS werken NIET
er is een LINK NIET UPGELOAD.. het zijn gwn test afbeeldingkes..

dus gwn replies voor de oplossing tegen de kant aub :) danku
S

Skratz

Legacy Member
Voor alle duidelijkheid:

For non-empty elements, end tags are required

In SGML-based HTML 4 certain elements were permitted to omit the end tag; with the elements that followed implying closure. XML does not allow end tags to be omitted. All elements other than those declared in the DTD as EMPTY must have an end tag. Elements that are declared in the DTD as EMPTY can have an end tag or can use empty element shorthand


Empty Elements

Empty elements must either have an end tag or the start tag must end with />. For instance, <br/> or <hr></hr>.


HTML Compatibility Guidelines
Empty Elements

Include a space before the trailing / and > of empty elements, e.g. <br />, <hr /> and <img src="karen.jpg" alt="Karen" />. Also, use the minimized tag syntax for empty elements, e.g. <br />, as the alternative syntax <br></br> allowed by XML gives uncertain results in many existing user agents.

bron
C

Chalk

Legacy Member
Skratz zei:
Voor alle duidelijkheid:

For non-empty elements, end tags are required

In SGML-based HTML 4 certain elements were permitted to omit the end tag; with the elements that followed implying closure. XML does not allow end tags to be omitted. All elements other than those declared in the DTD as EMPTY must have an end tag. Elements that are declared in the DTD as EMPTY can have an end tag or can use empty element shorthand


Empty Elements

Empty elements must either have an end tag or the start tag must end with />. For instance, <br/> or <hr></hr>.


HTML Compatibility Guidelines
Empty Elements

Include a space before the trailing / and > of empty elements, e.g. <br />, <hr /> and <img src="karen.jpg" alt="Karen" />. Also, use the minimized tag syntax for empty elements, e.g. <br />, as the alternative syntax <br></br> allowed by XML gives uncertain results in many existing user agents.

bron
Klik om te vergroten...

danku voor de informatie met de hulp voor mijn probleem :doh: :doh:



maar de link http://users.telenet.be/webecomeone/test
in FF komt alles dus tegen de randen van je scherm.. in IE niet..

de LINKS werken NIET
er is een LINK NIET UPGELOAD.. het zijn gwn test afbeeldingkes..

dus gwn replies voor de oplossing tegen de kant aub danku
S

Skratz

Legacy Member
PHP: 
<!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" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="opmaak.css" rel="stylesheet" type="text/css" title="Standaard Opmaak" />
    <title>
      SkateheadZ Site
    </title>
<script type="text/javascript">
//<![CDATA[
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
//]]>
</script>
  </head>

  <body>
    <div id="header"></div>
    
    <div id="body">
      <center>
        <a href="index.html" onfocus="if(this.blur)this.blur()">
          <img src="homeoff.jpg" width="100" height="40" name="Imageeen" id="een" border="0" onmouseover="MM_swapImage('Imageeen','','http://users.telenet.be/webecomeone/test/homeon.jpg','skate','','http://users.telenet.be/webecomeone/test/skater.jpg',een)" onmouseout="MM_swapImgRestore()" />
        </a> 
        <a href="gastenboek.html" onfocus="if(this.blur)this.blur()">
          <img src="gastenboekoff.jpg" width="100" height="40" name="Imagetwee" id="twee" border="0" onmouseover="MM_swapImage('Imagetwee','','http://users.telenet.be/webecomeone/test/gastenboek_on.jpg','skate','','http://users.telenet.be/webecomeone/test/rood.jpg',een)" onmouseout="MM_swapImgRestore()" />
        </a> 
        <a href="links.html" onfocus="if(this.blur)this.blur()">
          <img src="linksoff.jpg" width="100" height="40" name="Imagedrie" id="drie" border="0" onmouseover="MM_swapImage('Imagedrie','','http://users.telenet.be/webecomeone/test/linkson.jpg','skate','','http://users.telenet.be/webecomeone/test/blauw.jpg',een)" onmouseout="MM_swapImgRestore()" />
        </a> 
        <a href="fotos.html" onfocus="if(this.blur)this.blur()">
          <img src="fotosoff.jpg" width="100" height="40" name="Imagevier" id="vier" border="0" onmouseover="MM_swapImage('Imagevier','','http://users.telenet.be/webecomeone/test/fotoson.jpg','skate','','http://users.telenet.be/webecomeone/test/geel.jpg',een)" onmouseout="MM_swapImgRestore()" />
        </a> 
        <a href="info.html" onfocus="if(this.blur)this.blur()">
          <img src="infooff.jpg" width="100" height="40" name="Imagevijf" id="vijf" border="0" onmouseover="MM_swapImage('Imagevijf','','http://users.telenet.be/webecomeone/test/infoon.jpg','skate','','http://users.telenet.be/webecomeone/test/groen.jpg',een)" onmouseout="MM_swapImgRestore()" />
        </a>
      </center>
      
      <div id="lijn">
        <img src="links.jpg" style="width: 240px; height: 33px; border: 0px; position: absolute; left: 0px; margin-right: -15px;" /> 
        <div style="width: 100%; height: 33px; border: 0px; background: url('lijn.jpg'); " />
        <img src="rechts.jpg" style="width: 240px; height: 33px; border: 0px; position: absolute; right: 0px; margin-left: -5px;" />
      </div>
      
      <img src="skater.jpg" style="width: 233px; height: 347px; border: 0px; float: left;" name="skate" id="skate" />
      
      <div id="content">
        <p>
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst<br />
          Tekst
        </p>
        <img src="skateboard.jpg" style="width: 242px; height: 254px; border: 0px;" align="right" />
        <p>
          tekstonderventje<br />
          tekstonderventje<br />
          tekstonderventje<br />
          tekstonderventje
        </p>
      </div>
    
      <div id="designed">
        :: Designed By <a href="mailto:[email protected]">Chalk</a>; 
        Sponsered By <a href="http://www.webecome.be/" target="_mainframe">We Become One</a> ::
      </div>

      <div id="copyright">
        :: Copyright 2006-2007 &copy; ::
      </div>
    
    </div>
  </body>
</html>

PHP: 
#body {
 	background-color: #FFFFFF;
        font-family: 'Amerika Sans', Arial, sans-serif;
 	font-size: 14px;
 	font-variant: normal;
	color: #000000;
}

a:link		{ color: #000000; text-decoration: none; background-color: transparent }
a:visited 	{ color: #000000; text-decoration: none; background-color: transparent }
a:hover 	{ color: #646D7E; text-decoration: none; background-color: transparent }
a:active 	{ color: #000000; text-decoration: none; background-color: transparent }

#header {
	background-image: url(header.jpg);
	height: 165px;
	width: 800px;
	background-repeat: no-repeat;
	background-position: 120px;
	margin-top: -50px;
}

#content {
	background-color: #000000;
	font-family: 'Amerika Sans', Arial, sans-serif;
 	font-size: 14px;
 	font-variant: normal;
	color: #ffffff;
	border: none;
	height: 500px;
	margin-right: 12px;
	margin-left: 240px;
	padding: 8px;
}

#lijn {
}

#designed {
	font-family: 'Amerika Sans', Arial, sans-serif;
	font-size: 20px;
	text-align: center;
}

#copyright {
	font-family: 'Amerika Sans', Arial, sans-serif;
	font-size: 20px;
	text-align: center;
}

zo hulp genoeg?
C

Chalk

Legacy Member
ja bedankt :)

wel terug een paar dingetjes aanpassen die er dan verkeerd zijn gelopen bij je aanpassing maar de grootste fout is weg thanks..

de andere 'fout' is gwn van da skate img en die designed / copy



THANKS :applause: :applause:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan