|
HTML - Space Between Divs
Hello,
Please have a look at this site: http://www.shahspace.com/bow/home.html As you can see, I have two div colored pink and some space between them and around them. I'd like to get rid of all spacing but I can't. Here's the code: Code: <html>
<head>
<title>The Bow Tower</title>
<style>
body
{
background: url('content_bg.jpg');
background-repeat: repeat-x;
}
#textdiv
{
width: 230px;
height: 100%;
background-color: #ffaaaa;
float: left;
padding: 0;
margin: 0;
}
#imgdiv
{
width: 250px;
height: 100%;
background-color: #ffaaaa;
padding: 0;
margin: 0;
}
span
{
font-size: 18pt;
font-family: verdana;
font-weight: bold;
}
</style>
</head>
<body>
<div id="textdiv">
<br>
<br>
<span>
The Bow Tower<br>
</span>
<br>
<br>
<ul>
<li><a href="services.html">Services</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="health_safety.html">Health and Safety</a>
<li><a href="index.html">Index</a>
</ul>
</div>
<div id="imgdiv"><img align=right src="bow tower.jpg" border=0></div>
</tr>
</table>
</body>
</html>
What can I do to get rid of the spacing (I'm working in IE9). Similar Tutorialsi almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css>
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
<table width="200" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="100" valign="top">
<a href="link">Sample text </a>
<td width="100" valign="top">
<a href="link">Sample text</a>
</td></tr></table>
Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" Hey guys, Need a little help with... http://www.netsketched.com/NRG/ There is a space up top that I can't get rid of. Also, is there a way I can make the layout flow to the bottom regardless of the amount of content? Hi Experts, I am facing some problem in the row spaces. I am new to project and previous programmer used some tool to write HTML code. now I am not able to understand the HTML part of code. I don't know why but the first row table border is missing in this. Here is the code:- <table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='margin-left:25.0pt margin-bottom:25.0pt;border-collapse:collapse'>" + "<tr height=25 style='height:19.1pt'> <td width=551 colspan=2 height=25 valign=top style='width:413.2pt;border: none;border-bottom:solid windowtext 1.0pt;padding:0in 5.4pt 0in 5.4pt; height:19.1pt'> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>Hi " + Item[4] +",<o:p></o:p></span></font></p> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'><o:p> </o:p></span></font></p> <p class=MsoNormal style='text-align:justify'><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>It was a pleasure talking to you. Based on our discussions I have forwarded your resume to my Business Development Manager (see below) who will be either calling or emailing you very soon with other details.<o:p></o:p></span></font></p>" + "<br><p class=MsoNormal style='text-align:justify'><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>The job description for this assignment is as follows:<o:p></o:p></span></font></p><p class=MsoNormal style='margin-left:3.45pt'><font size=2 f=Arial><span style='font-size:11.0pt;font-family:Arial'><o:p> </o:p></span></font></p></td> </tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Location:<o:p></o:p></span></font></b></p> <p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt; font-family:Arial'><o:p> </o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" +Location +"<o:p></o:p></span></font></p></td></tr>" + "<tr height=34 style='height:25.55pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.55pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Job description:<o:p></o:p></span></font></b></p><p class=MsoNormal align=right style='text-align:right'><font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p> </o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.55pt'> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +">" +DesC +"</p></td></tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Duration:<o:p></o:p></span></font></b></p><p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt; font-family:Arial'><o:p> </o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" +Duration +"<o:p></o:p></span></font></p></td></tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma;color:#3366FF;font-weight:bold'>Details:<o:p></o:p></span></font></b></p><p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p> </o:p></span></font></p></td>" + "<td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>TBD</span></font></p></td></tr>" + "<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>BDM / Marketing Manager<o:p></o:p></span></font></b></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" + StaffName + " " + basUtilities.DLookup("EXT" , "EmailContact", "FirstName='" + basUtilities.UserID() + "'") + "<o:p></o:p></span></font></p> </td></tr>" +NewColumSkill +"</table>" + Please help me to fix this. This isn't merely an attempt to sound like something from "The Matrix", but I'm continuing to work on my companies website and for some reason in IE when I place a picture at a certain place the web page give me enough room to scroll the page right. (There isn't anything there, it just has a scroll bar at the bottom and you can scroll the whole thing right leaving it half off the page looking at just background.) Link: http://802heaven.analogcafe.net/TTCBeta/mainstage.html If someone could take a look at that and tell me some ideas for how to fix it that would be GRRRR8. Thanks. Just moved the site to its new server and added the navigation... now suddenly I have some spacing at the top and I need another set of eyes. http://www.phinfever.com/newsite Note*: Spacing not visible on IE7... it is on Firefox3 Well ive just started converting one of my old sites which used tables to CSS etc and have run into a very small problem. Ive taken everything else away till i can sort this so its a little easier and clearer, the site is www.rharris28.com in IE(7) there is a small space between the first image (blue and triangle shape) meet the home image. This forces the last image onto a new line because it cant fit on that line. In FF its fine and looks great to me. The Code for that is... Code: <div id="background" align="center">
<div id="container" align="left">
<div id="tbbg"></div>
<div id="tb"><img src="/images/separator.gif"><img src="/images/but_home.gif"><img src="/images/separator.gif"><img src="/images/but_site_map.gif"><img src="/images/separator.gif"><img src="/images/but_contacts.gif"><img src="/images/separator.gif"><img src="/images/fon01.gif" width="231px" height="41px"></div>
</div>
</div>
and the CSS is Code: * {
margin: 0;
}
#background {
background-color:#01557C;
height: 100%;
width: 100%;
}
#container {
background-color:#FFFFFF;
width: 759px;
height:500px;
}
#tbbg {
background-image:url(/images/main01.jpg);
width:256px;
height:41px;
float: left;
}
#tb {
}
I cant see anything wrong and cant work it out. Thanks. Hi, The following code works fine for me except it adds extra spaces on the top of the table. I have searched everywhere for answers in vain. Can anyone help me solve it. thanks in advance. We use Expression Engine Here is the code: <table bgcolor="#003399" border=".1" cellpadding="0" cellspacing="0" style="height: 73px;" width="715"> <tbody> <tr> <td style="TEXT-ALIGN: center;font-size:13pt;font-weight:bold;color:#ffffff"> <h1><img height="62" src="{filedir_6}CD.jpg" style="border: .1px solid Black; margin: .5px; float: left;" width="241" /></h1> <p>Client Advocacy</p> </td> </tr> </tbody> </table> site validates.... I've gotten rid of this space a few times, but it always tends to come back... Im out of ideas of what it could be, and figured another set of eyes could help me out. http://rse.pzproductions.com Any help is greatly appreciated :-) Also... the space only shows up on the homepage....but! the RSE Poll is only lined up correctly on the homepage as well, on every other page its dropped down into the content section. Obviously I am having some issues here, and any help would be so appreciated at this point ....you super experts probably have a good laugh about my beginners question, but I really struggle with controlling the spac between two paragraphs <p>. How can I change it? Chris Hi I have been working on a project. Making an editor that does not use any browsers built in html editor(they are limited and break so easily). anyway as part of this to select items I use an onclick event and this includes the letters. To get this to work each character has it's own span eg <span>o</span><span>k</span> Everything work really well except on internet explorer where a space is not being rendered eg <span>o</span><span> </span><span>k</span> appears as "ok" not "o k" I was wondering if anyone knows a way around this? or can think of another solution? Any help would be much appreciated. Okay. I am sick of searching on google and w3c.org for solutions. I am asking anyone who is a pro at web developing to help me out! Problem I am using loadVars in Flash, from a *.html file. Mainly because the server does not support PHP and because in HTML I can have comments. I am spacing out the text like so, for readability: &variable1=value1 &variable2=value2 &variable3=value3 etc. when I do the line breaks, the HTML page automatically encodes whitespaces. I need an HTML tag or possibly CSS or Javascript that will get rid of all the whitespaces. Or if it is possible, as I was looking on w3c.org, there might be a text/content type or url-encode type that will do this, but haven't found one. If anyone has any ideas, I need them. Again, I am trying to remove all the whitespace in the ENTIRE page. Please view http://www.sergemedia.net/wiltoncordrey2010/wood.html You will see space under top links. Above decorative border. Try other 2 links at top. The extra space is not there. I am looking for an extra line break in my code, but can't find it, or what is causing the extra space. I am testing on Safari. Will look on IE later. Thanks. I just finished my website and inserted so flash in it before I inserted the flash everything was fine after I inserted the flash a lot of space was created under it I used the layers method because I need my flash to be on top of something. But for some reason alot of extra space is created. I tried this on a different website on mine too and the same thing happened. Here is the link have a look at it. Notice the extra space under the stickman the white space between the stickman and the footer if you can't tell then open any different page like the updates because that doesn't have the stick man. I will upload the code after maybe, but check to see what could be wrong http://differentworld.comze.com thanks, Ali I'm new to html, just got some basic knowledge, but I've made these 2 calenders, one on one page andone on another but otherwise identical. The thing is, no matter how much I double check for slight differences in the html code, the calender on one page has huge spaces between every three months. See for yourselves: http://www.belekgolftravel.com/servi...eType=Services Working one http://www.belekgolftravel.com/advert_detail.php?ID=54 Buggered up one Any ideas help please! First post here, I know a little bit so hopefully there will some n00ber than I to help down the road. For some reason all of these attempts (in html5) are coming up with 4px between the top and bottom of the images (horizontal space) Code: <table width="664" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/1.jpg" width="664" height="131" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/2.jpg" width="131" height="19" hspace="0" vspace="0"><img src="images/3.jpg" width="87" height="19" hspace="0" vspace="0"><img src="images/4.jpg" width="446" height="19" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/5.jpg" width="664" height="381" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/6.jpg" width="330" height="28" hspace="0" vspace="0"><img src="images/7.jpg" width="96" height="28" hspace="0" vspace="0"><img src="images/8.jpg" width="106" height="28" hspace="0" vspace="0"><img src="images/9.jpg" width="132" height="28" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/10.jpg" width="664" height="130" hspace="0" vspace="0"></td>
</tr>
</table>
I also tried it previously without the hspace/vspace attributes with no success. I also tried it just like this. Code: <img src="images/1.jpg" width="664" height="131" hspace="0" vspace="0"><img src="images/2.jpg" width="131" height="19" hspace="0" vspace="0"><img src="images/3.jpg" width="87" height="19" hspace="0" vspace="0"><img src="images/4.jpg" width="446" height="19" hspace="0" vspace="0"> <img src="images/5.jpg" width="664" height="381" hspace="0" vspace="0"> <img src="images/6.jpg" width="330" height="28" hspace="0" vspace="0"><img src="images/7.jpg" width="96" height="28" hspace="0" vspace="0"><img src="images/8.jpg" width="106" height="28" hspace="0" vspace="0"><img src="images/9.jpg" width="132" height="28" hspace="0" vspace="0"> <img src="images/10.jpg" width="664" height="130" hspace="0" vspace="0"> Here's the whole site if it helps Code: <!DOCTYPE html>
<head>
<title>Ayla Stapleton</title>
<meta charset="utf-8" />
<meta name="description" content="Ayla Stapleton is an Australian born model working out of Sydney" />
<meta name="keywords" content="Ayla, Stapleton, Ayla Stapleton, model, modelling, Sydney, Australia, female model" />
<!-- lightbox includes -->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
<!--
body {
font: 80% Verdana, Arial, Helvetica, sans-serif;
background: #0b0010;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #ffffff;
}
.oneColFixCtr #container {
width: 664px;
background: #0b0010;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
-->
</style>
</head>
<body class="oneColFixCtr">
<div id="container">
<div id="mainContent">
<table width="664" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/1.jpg" width="664" height="131" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/2.jpg" width="131" height="19" hspace="0" vspace="0"><img src="images/3.jpg" width="87" height="19" hspace="0" vspace="0"><img src="images/4.jpg" width="446" height="19" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/5.jpg" width="664" height="381" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/6.jpg" width="330" height="28" hspace="0" vspace="0"><img src="images/7.jpg" width="96" height="28" hspace="0" vspace="0"><img src="images/8.jpg" width="106" height="28" hspace="0" vspace="0"><img src="images/9.jpg" width="132" height="28" hspace="0" vspace="0"></td>
</tr>
<tr>
<td><img src="images/10.jpg" width="664" height="130"></td>
</tr>
</table>
<a href="images/1.jpg" rel="lightbox[roadtrip]" title="Gallery"><img src="images/ayla_stapleton.jpg" alt="Ayla Stapleton" width="664" height="689" border="0" usemap="#Map"></a>
<map name="Map">
<area shape="rect" coords="132,132,218,149" href="" alt="Gallery">
<area shape="rect" coords="132,149,218,165" href="" alt="Info">
<area shape="rect" coords="330,532,425,558" href="www.facebook.com/ayla.fanpage" alt="Facebook">
<area shape="rect" coords="426,532,532,558" href="http://www.twitter.com/aylastapleton" alt="Twitter">
</map>
<a href="images/2.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/3.jpg" rel="lightbox[roadtrip]"></a>
<h2>About Ayla Stapleton</h2>
<p>Ayla is an Australian-born, freelance model slowly emerging into the acting, film & tv industry. She has been modelling from a very young age - completing her first professional modelling course when just ten years old. She completed year 12 at a small catholic college in 2007 achieving a scholarship for her university studies. Ayla has studied a dual degree Bachelor of Business/Bachelor of Professional Communication (specialising in Marketing). She has also studied acting at ACTT (Actors College of Theatre & Television) in Sydney. Ayla is a full-time professional model - meaning she is reliable & skillful - because her modelling is her business; not just a weekend hobby. She has maintained a positive image and reputation.</p>
<p>You can be sure to have a positive experience when working with Ayla. She is available for almost all types of modelling, particularly in swimwear and lingerie. Full and half day rates available upon request. Available for work internationally.</p>
<h2>Stats</h2>
<ul><li>Height: 5'11</li>
<li>Weight: 63kg</li>
<li>Measurements: 37-24-33</li>
<li>Dress size: 8</li>
<li>Cup size: 10F</li>
<li>Shoe size: 10</li>
<li>Hair: Brown</li>
<li>Eyes: Brown</li>
<li>Skin: Tanned</li>
<li>D.O.B: 24.07.1990</li>
<li>No tattoos, piercings, or markings.</li>
</ul>
<h2>Consider Ayla for</h2>
<ul>
<li>Swimwear/Bikini Promotions</li>
<li>Fashion Parades</li>
<li>Magazine Appearances</li>
<li>Film/TV</li>
<li>Video Clips</li>
<li>Catwalk Modeling</li>
<li>Sporting Events</li>
<li>Corporate Event Waitressing/Hostessing</li>
<li>Card Girl for Boxing, Muai Thai, Kickboxing etc.</li>
<li>Music Festivals</li>
<li>Fundraising Events</li>
<li>Product Launches</li>
<li>Race Day Promotions</li>
<li>VIP Waitressing</li>
</ul>
<!-- Do not change code! -->
<table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td><iframe width="400" height="440" frameborder="0" src="http://www.foxyform.com/form.php?id=130068&sec_hash=614236b4643"></iframe></td></tr><tr><td align="center"><a style="font:8px Arial;color:#5C5C5C;" href="http://www.foxyform.com">foxyform.com</a></td></tr></table>
<!-- Do not change code! -->
<!-- end #mainContent --></div>
<!-- end #container --></div>
</body>
</html>
Hello, Im making my navigation bar with a mouse over effect on the buttons. however im getting "extra space" under the command. A blank page can be seen at saracrew.org/blank.html Any help is greatly appricated, Thanks! <!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>SARAcrew.org</title> <link rel="stylesheet" type="text/css" href="general.css" /> </head> <body bgcolor="505769" leftmargin=0 topmargin=0> <table border="0" cellspacing="0" cellpadding="0" bgcolor="505769"> <tr><td colspan="4"> <table border=0 cellpadding=0 cellspacing=0> <tr> <td colspan="4"><img src= "images/banner1.jpg" alt="banner" /></td> </tr> <tr> <td><table border=0 cellpadding=0 cellspacing=0> <td><img src= "images/left_vbar_nav.gif" alt="vbar" /></td> <td> <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src= "images/nav_bar_1.gif" /></td></tr> <tr><td><a href=home.html><img src="images/home_off.gif" onmouseover="this.src='images/home_on.gif'" onmouseout="this.src='images/home_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_2.gif" /></td></tr> <tr><td><a href=news.html><img src="images/news_off.gif" onmouseover="this.src='images/news_on.gif'" onmouseout="this.src='images/news_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_3.gif" /></td></tr> <tr><td><a href=results.html><img src="images/results_off.gif" onmouseover="this.src='images/results_on.gif'" onmouseout="this.src='images/results_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_4.gif" /></td></tr> <tr><td><a href=board.html><img src="images/board_off.gif" onmouseover="this.src='images/board_on.gif'" onmouseout="this.src='images/board_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_5.gif" /></td></tr> <tr><td><a href=pictures.html><img src="images/pictures_off.gif" onmouseover="this.src='images/pictures_on.gif'" onmouseout="this.src='images/pictures_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_6.gif" /></td></tr> <tr><td><a href=orange_oar.html><img src="images/orange_oar_off.gif" onmouseover="this.src='images/orange_oar_on.gif'" onmouseout="this.src='images/orange_oar_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_7.gif" /></td></tr> <tr><td><a href=dues.html><img src="images/dues_off.gif" onmouseover="this.src='images/dues_on.gif'" onmouseout="this.src='images/dues_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_8.gif" /></td></tr> <tr><td><a href=info.html><img src="images/info_off.gif" onmouseover="this.src='images/info_on.gif'" onmouseout="this.src='images/info_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_9.gif" /></td></tr> <tr><td><a href=email.html><img src="images/email_off.gif" onmouseover="this.src='images/email_on.gif'" onmouseout="this.src='images/email_off.gif'" border=0 /></a> </td></tr> <tr><td><img src= "images/nav_bar_10.gif" /></td></tr> </table> </td> <td><img src= "images/right_vbar_nav.gif" alt="vbar" /></td> </table></td></tr> </table> </td> </tr> </table> </td></tr> </table> </body> </html> Look at the too pages. P1= http://chapai.net/xhtml_prob/html_smpl.htm Code: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>html Sample</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ....................... P2= http://chapai.net/xhtml_prob/x_smpl.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>XHTML Sample</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
..........
P1 page is smooth but P2 page is not. Hare is white space at the uper side and lower side of the images. How to remove this space? Please Help. Hey, I was working on some things and learning how to do some stuff on a template I was working with and there's a huge space to the right of the template that idk how to get rid of. Can anyone help me? http://www.teamafterglow.com/templates/index.php Hello, what's the code that allow me a space between posts ? Like this blog http://blog.yimmyayo.com/ the line between my posts is very very "delicate"..and it's kinda annoy me Thanks. |
|||||||