Jump to content

<img> in <dl> dont line up


jaylow

Recommended Posts

hi i want to have 2 images next to iets other with info under them in the

<dl><dt></dt><dd></dd></dl>

and look like this"pic1""pic2" info info2so 2 pictures next to iets otherit works if i dont put it in <dl></dl> tagshow do i do it like i want ?

<!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>Album</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="description" content="fleet albume"/><meta name="keywords" content="fleet, npc's, production,space game, fleet, browser game, game, vorpal vang, skills, fleet help, buildings,pardus, pardus look alike, skilling, ships, newbie help"/><script type="text/javascript" src="../tipday.js"></script><link type="text/css" rel="stylesheet" href="../allcss.css" /></head><body><div id="lftbar"><a id="top"> <img width="143 em" alt="welcome to the Fleet fan page" src="../images/fleet_s2.png" /> </a><div id="menu"	style="position:absolute"><ul><li> <a href="albume.html#bugs">Bugs</a> </li><li> <a href="albume.html#nice">Nice?</a> </li><li> <a href="albume.html#fanart">Fan Art</a></li><li> <a href="albume.html#lftbar">Back up</a></li></ul></div>	<script type="text/javascript">var ns = (navigator.appName.indexOf("Netscape") != -1);var d = document;function JSFX_FloatDiv(id, sx, sy){	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];	var px = document.layers ? "" : "px";	window[id + "_obj"] = el;	if(d.layers)el.style=el;	el.cx = el.sx = sx;el.cy = el.sy = sy;	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};	el.floatIt=function()	{		var pX, pY;		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 		document.documentElement && document.documentElement.clientWidth ? 		document.documentElement.clientWidth : document.body.clientWidth;		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 		document.documentElement.scrollTop : document.body.scrollTop;		if(this.sy<0) 		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 		document.documentElement.clientHeight : document.body.clientHeight;		this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;		this.sP(this.cx, this.cy);		setTimeout(this.id + "_obj.floatIt()", 40);	}	return el;}JSFX_FloatDiv("menu",	   0,   75).floatIt();</script>  </div>    <div id="level0">   	<div id="level1">		 <div id="topbar">		 <form method="get" action="http://www.google.com/search">		 <input type="text" name="query" size="12"/>		 <input type="submit" value="search"/>		 <tr><td align="center" style="font-size:75%">	<input type="checkbox"  name="sitesearch" value="fleet-fan-site.co.cc" checked /> only on this site<br /></td></tr>	   </form>		<b>	   <a href="../index.html">Home</a> ·	  <a href="../gameinfo/gameinfo.html">Game Info</a> ·	   <a href="../albume/albume.html">Album</a> ·	   <a href="#">tools</a> ·	   <a href="../aboute/aboute.html">About</a>·	   <a href="../link/link.html">Links</a>	   </b>	   	 	  <div id="advbar">	  <img  alt="banner" src="../images/notmovingbanner.png" />  	  </div> 	 </div>	   <div id="level2">	   		<div id="rgtbar">						<input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online."><img alt="" border="0" src="https://www.paypal.com/nl_NL/i/scr/pixel.gif" width="1" height="1"></form><h3>Vote for Fleet</h3><div class="postbody"><a href="http://mpogtop.com/in/1296608982" class="postlink"><img src="http://mpogtop.com/images/mpogtop8831.jpg" alt="Image" /></a></div>		</div>		<div id="level3">				 <div id="main">		 <h1>Album</h1>				  <div id="tipday">		   <div style="position:relative">		  <script type="text/javascript">document.write(r_text[i]);</script>		  <div id="tiptit">Tip of the Day</div>		 				 		</div>		  </div>		  <br />		  		  				<h1> <a id="bugs">Bugs</a> </h1>		<br />		<br />		<dl>		<dt><a id="a" href="images/bug/bug2.png" target="_blank" > <img alt="bug" border="0"  src="images/bug/thumb/bug2th.png" /> </a></dt>		<dd>info231</dd>		<dt><a id="b" href="images/bug/somewhere.png" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/somewhereth.png " /> </a></dt>		<dd>info2</dd>		<dt><a id="c" href="images/bug/sample2.jpg" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/sample2th.png " /> </a></dt>		<dd>dsggsdgsdg</dd>		<dt><a id="d" href="images/bug/fleet_only_nebula.png" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/fleet_only_nebulath.png " /> </a></dt>		<dd></dd>		<dt><a id="e" href="images/bug/wierd.png" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/wierdth.png" /> </a></dt>		<dd></dd>		<dt><a id="f" href="images/bug/badgun1.png" target="_blank"  > <img   alt="Bug" border="0" src="images/bug/thumb/badgun.png" />  </a></dt>		<dd></dd>		<dt><a id="g" href="images/bug/mapeditor.jpg" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/mapeditorth.png" /> </a></dt>		<dd></dd>		<dt><a id="h" href="images/bug/funnjy2.png" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/funnjy2th.png" /> </a></dt>		<dd></dd>		<dt><a id="i" href="images/bug/negativeammo.jpg" target="_blank" >  <img alt="Bug" border="0" src="images/bug/thumb/negativeammoth.jpg" /> </a></dt>		<dd></dd>		<dt><a id="j" href="images/bug/money.png"	   target="_blank" > <img alt="Bug" border="0" src="images/bug/thumb/moneyth.png" /> </a></dt>		<dd></dd>		<dt><a id="k" href="images/bug/olnotdev.png"	   target="_blank" > <img alt="Bug" border="0" src="images/bug/thumb/olnotdevth.png" /> </a></dt>		<dd></dd>		<dt><a id="kk" href="images/bug/nebula_on_fuel.png"	target="_blank" > <img alt="bug" border="0" src="images/bug/thumb/nebula_on_fuelth.png" /> </a>		</dt>		<dd></dd>		<dt><a id="kkn" href="images/bug/-money.png"	target="_blank" > <img alt="bug" border="0" src="images/bug/thumb/-moneyth.png" /> </a>	</dt>		<dd></dd>		</dl>								<h1> <a id="nice"> nice</a> </h1>		<br />		<br />		<a id="l" href="images/nice/fullscoop.jpg" target="_blank" >  <img alt="Nice image" border="0" src="images/nice/thumb/fullscoopth.png" /> </a>		<a id="m" href="images/nice/CLOSE1.png" target="_blank" >  <img alt="Nice image" border="0" src="images/nice/thumb/CLOSE1th.png" /> </a>		<a id="n" href="images/nice/whoagn.jpg" target="_blank" >  <img alt="nice image" border="0" src="images/nice/thumb/whoagnth.jpg" /> </a>		<a id="o" href="images/nice/kuduedup.jpg" target="_blank" >  <img alt="" border="0" src="images/nice/thumb/kuduedupth.jpg" /> </a>		<h1><a id="fanart">Fan Art</a></h1>		 		<table align="center" cellpadding="10"><tr bgcolor="BLACK"><td>	</td></tr>		</table>	   </div>	  </div>	 </div>	</div>   </div>   <div id="footer">   <center> <a href="http://jigsaw.w3.org/css-validator/check/referer">		<img style="border:0;width:88px;height:31px"			src="http://jigsaw.w3.org/css-validator/images/vcss"			alt="Valid CSS!" />	</a>Copyright 2011 - All Rights Reserve	<a href="http://validator.w3.org/check?uri=referer"><img		src="http://www.w3.org/Icons/valid-xhtml10"		alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a></center>   </div> <!-- footer --></body>   </html>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...