|
HTML - How Get I Remove This Space?
I've attached a screenshot showing the way it displays in firefox and the code. How can I get the menu to move up so I don't have such a space?
Thank you for your help and this is due in an hour! Code: <!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>david2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#FFFFFF"> <!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag--> <!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** --> <script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="730";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script> <!-- ******** END ALLWEBMENUS CODE FOR menu ******** --> <!-- ImageReady Slices (david2.psd) --> <table id="Table_01" width="901" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="10"> <img id="david_01" src="images/david_01.jpg" width="901" height="41" alt="" /></td> </tr> <tr> <td colspan="7" rowspan="4"> <img id="david_02" src="images/david_02.jpg" width="791" height="110" alt="" /></td> <td> <img id="david_03" src="images/david_03.jpg" width="81" height="24" alt="" /></td> <td colspan="2" rowspan="2"> <img id="david_04" src="images/david_04.jpg" width="29" height="46" alt="" /></td> </tr> <tr> <td> <img id="david_05" src="images/david_05.jpg" width="81" height="22" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="david_06" src="images/david_06.jpg" width="82" height="23" alt="" /></td> <td rowspan="2"> <img id="david_07" src="images/david_07.jpg" width="28" height="64" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="david_08" src="images/david_08.jpg" width="82" height="41" alt="" /></td> </tr> <tr> <td><span id='awmAnchor-menu'> </span></td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="4"> <img id="david_15" src="images/david_15.jpg" width="206" height="38" alt="" /></td> </tr> <tr> <td colspan="10"> <img id="david_16" src="images/david_16.jpg" width="901" height="28" alt="" /></td> </tr> <tr> <td> <img src="images/spacer.gif" width="88" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="115" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="102" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="199" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="99" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="92" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="96" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="81" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="28" height="1" alt="" /></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Anders Similar TutorialsGuys, hello to everyone in this forum. this my first thread rising a question. please clear my doubt. when im adding the <form> or </form> tags in the code it leaves a empty line (ie) an white space. this occurs only in IE, not in firefox. im using the Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> So guys plz give me a solution to remove the empty line.. -makkal you can view the page: www.yanglihao.com <!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" > <title>浩</title> <head id="ctl00_Head1"> <style type="text/css"> <!-- A:link {color:#993333;text-decoration:none} A:visited {color:#993333;text-decoration: none} A:hover {color:#778833;background:#553333;text-decoration: none} body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #111122; margin: 0; padding: 0; text-align: center; color: #000000; } .thrColFixHdr #container { width: 780px; background: #CCCCDD; margin: 0 auto; border: 1px solid #000000; text-align: left; } .thrColFixHdr #header { background: #221122; padding: 0 10px 0 20px; } .thrColFixHdr #header h1 { margin: 0; padding: 10px 0; width: 780px; } .thrColFixHdr #sidebar1 { float: left; width: 150px; background: #111522; padding: 15px 10px 15px 20px; } .thrColFixHdr #sidebar2 { float: right; width: 160px; background: #111522; padding: 15px 10px 15px 20px; } .thrColFixHdr #mainContent { margin: 0 200px; padding: 0 10px; } .thrColFixHdr #footer { padding: 0 10px 0 20px; background:#111122; } .thrColFixHdr #footer p { margin: 0; padding: 10px 0; } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .STYLE3 { font-size: xx-small; color: #999966; } --> </style> <title> Untitled Page </title></head> <body class="thrColFixHdr"> <form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMDUyNjYzMjgPZBYCZg9kFgICAw9kFgICAw88KwAJAQAPFgQeCERhdGFLZXlzFgAeC18hSXRlbUNvdW50AghkFhBmD 2QWAgIBDw8WBB4EVGV4dAUG5a2k54usHgtOYXZpZ2F0ZVVybAUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTFkZAIBD2QWAgIBDw8WBB8CBRjmsqHmnInml6DnvJjml6DmlYXnmoTniLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTJkZAICD2QWAgIBDw8WBB8CBQzpvJPlkLnoh6rnlLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTNkZAIDD2QWAgIBDw8WBB8CBQblir/liKkfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTRkZAIED2QWAgIBDw8WBB8CBQPniLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTVkZAIFD2QWAgIBDw8WBB8CBQzpvJPlkLnoh6rnlLEfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTNkZAIGD2QWAgIBDw8WBB8CBQnlpbPlranlrZAfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTZkZAIHD2QWAgIBDw8WBB8CBQ/kuI3lj5HnmoTmg4XkuaYfAwUafi9hcnRpY2xlLmFzcHg/YXJ0aWNsZUlEPTdkZGSwWPnKc69cmrv7vR5KoJ9/RM55iA==" /> </div> <div id="container"> <div id="header"> <table width="100%" border="0" background="image/yanglihaobarner.jpg" style="height: 40px"> <tr> <td></td> </tr> </table> <div id="sidebar2"> <div id="tip" style="font-size:medium;color:#FFCC00;height:400px"> <span style="color: #ccff33; font-size: 16pt;"><a target="_blank" href="Default.aspx">首页</a></span> | <br /> <br /> <span style="color:#9933cc"> <span style="font-size: 16pt"><a target="_blank" href="album.aspx">相册</a></span></span> | <br /> <br /> <span style="color: #cc9933; font-size: 16pt;"><a target="_blank" href="uploadPhotoes.aspx">上传</a></span> | <br /> <br /> <span style="color: #cc9933; font-size: 16pt;"><a target="_blank" href="liuyan.aspx">留言</a></span> | <br /> <br /> <span style="color: #cc9933; font-size: 16pt;"><a target="_blank" href="Login.aspx">聊天</a></span> | <br /> <br /> </div> </div> </div> <div id="sidebar1"> <table width="100" border="0"> <tr> <td><span class="STYLE3">用户名</span></td> <td> <input name="username" type="text" id="username" size="10" /></td> </tr> <tr> <td><span class="STYLE3">密码</span></td> <td><input type="password" id="password" size="10" /></td> </tr> <tr> <td> </td> <td><input type="button" onclick="validate" value="确定" /></td> </tr> </table> <br /> <br /> <table id="ctl00_DataList1" cellspacing="0" border="0" style="border-collapse:collapse;"> <tr> <td> <a id="ctl00_DataList1_ctl00_HyperLink1" href="article.aspx?articleID=1" style="text-decoration:underline;">孤独</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl01_HyperLink1" href="article.aspx?articleID=2" style="text-decoration:underline;">没有无缘无故的爱</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl02_HyperLink1" href="article.aspx?articleID=3" style="text-decoration:underline;">鼓吹自由</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl03_HyperLink1" href="article.aspx?articleID=4" style="text-decoration:underline;">势利</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl04_HyperLink1" href="article.aspx?articleID=5" style="text-decoration:underline;">爱</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl05_HyperLink1" href="article.aspx?articleID=3" style="text-decoration:underline;">鼓吹自由</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl06_HyperLink1" href="article.aspx?articleID=6" style="text-decoration:underline;">女孩子</a> </td> </tr><tr> <td> <a id="ctl00_DataList1_ctl07_HyperLink1" href="article.aspx?articleID=7" style="text-decoration:underline;">不发的情书</a> </td> </tr> </table> </div> <div id="mainContent"> <div style="height: 890px; width: 344px"> <blockquote> <br /><br /> <center><strong>女孩子 </strong> <p>我爱着自由，爱着孤僻。 </p> <p> 在学校，我认识很少的女孩子。 曾经感觉她们会如我想象中的那么热情，又知情达理。 很想知道她们有什么奇怪的想法，深邃的感情。 男女不会像爱情电影中的主人公可以天天躺在缀着玫瑰花的炕上，也不会只有如毛片中机械的亢奋。 </p> <p>我爱走在遥远的后面望着她们的背影，略去她们的妍媸，幻想她们一定有什么秘密的故事。</p> <p>我幼稚地去试着和她们搭讪，像素面的姐姐或妹妹。她们应该会忽视我所有的缺点吧。</p> <p>现在，我才感觉到我想的很可能是错的，或多或少。</p> <p>我有时在她们面前说出有关性这些被忌讳的话题。 她们惊讶地沉默，不知道是否嗤之以鼻过。想去问一问她们对低俗的理解，却心思疲惫。</p> <p>我对于她们也许只是太普通的人，不是爱人，不是兄弟，不是朋友。人似乎只是为了直接的好处或潜在的利益在伪善与高贵中徘徊。</p> </center> </blockquote> </div> </div> <br /> <table width="779" border="0" align="center"> <tr> <td> </td> </tr> <tr> <td> <div align="center"> </div> </td> </tr> </table> <br class="clearfloat" /> <div id="footer"> <table width="100%" border="0"> <tr> <td> </td> </tr> </table> </div> </div> </form> </body> </html> So i'm not very good at this stuff, somehow there is an extra white line below the initial title and the three sections. I know there's a lot of garbage in this code of tags that don't need to be here, this code has been constantly edited and by different people and none of us are experts, so a lot of random tags are left around. Possibly one of them is causing the issue. To simplify things, in this example of my code I have removed all the text and links and what not that someone that visits the site sees with "data data data" as I believe they are irreverent to this issue. Any help would be great!!!! My guess is the issue is in the red section, as this is where the gap is between Code: <center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr><td width="100%" valign="top">
<div class='thead' align='left' style="padding: 5px;"><b>Title</b></div>
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<!--- Left Section -->
<tr><td class="trow1" width="33%" valign="top"><font color="black"><center><b>Title</b></center></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><u></u><font color="black">
<div style="overflow:auto; width: 310px; height: 276px;">
Data Data Data Data....
<br>
</div>
</td>
<br>
</font></a>
<br>
<!-- Center Section -->
</center></td>
<td class="trow1" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><center><u></u><font color="black">
<br>
Data Data Data.....<br></br>
<!-- Right Section -->
</center></div></td>
</i></b></font></a>
</center></td>
<td class="trow2" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></font></center>
<hr color="#000000">
<center>
<br>
Data Data Data.....
</td></div></table></td></tr>
</center> </center
</table>
Here's a screenshot of the issue on the website: i 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" Please help: I don't know how to remove the gap above the '50 Self-Help Classics' image to the left of the other two images on http://www.butler-bowdon.com/index.html Also need a uniform space between the book image and 'Also available on audio' like the other two. Thanks anyone! Hello, This is probably a simple question for most but its driving me nuts... I added an iframe to my page and I would like to remove the up and down scroll from the page since its not being used (and just leave the side to side scroll). Take a peak at the page in question: sorry Chris Would apprecaite any comments. Chris A Hughes We use a Joomla platform for our website, and in the CSS code, it automatically adds a border around tables, images etc. I'm trying to go around that with html by specifying table parameters. There is a border in the middle of the table now, and I'm trying to remove the border completely. However, keep in mind I do not want to modify the CSS for all the pages. Thank you, help will be GREATLY appreciated. http://augustinenursery.com/index.ph...&id=6&Itemid=7 Quote: <div class="topPanel"> <div class="pageName">Promotions</div> <div class="pageName" style="text-align: justify;"><span style="color: #000080;"><span style="font-size: 18pt;"><span style="color: #000000;"><a target="_blank" href="images/stories/augustine/aug_mthrsday_dlyfreemn_050311_lowres.jpg">Mother's Day Special, click here!</a></span></span></span></div> <div class="topContent"> <table bordercolor="#ffffff" border="1" cellpadding="0"> <tbody> <tr> <td>Current Spring Specials:</td> <td><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Arborvitae Emerald Green 6-7' / $69.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Japanese Maples 5 gal. / $99.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Rhododendron PJM 2 gal. / $9.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> White Pine 5-6' / $99.95</td> </tr> </tbody> </table> </div> </div> Detete This Plz When I try to remove the title on the below xml code the title gets replaced with undefined on my browser? Can I just remove this title so it doesn't show up on my browser? <imageflow autoFlip="false" flipInterval="5" flipSpeed="1" useMotionBlur="false" dofStrength="2" angle="30" depth="500" spaceMain="300" spaceBack="60" descColor="0xffffff" descSize="12" hasReflection="false" reflectionStrength="20" reflectionSize="30" reflectionBackground="0" startImage="0" imgWidth="266" imgHeight="146" quality="10" fogStrength="3"> <title color="0xffffff" size="14">Red Sea Design Gallery</title> - <image url="4/dwe_logo.jpg" target="_blank" width="288" height="249">Design With Emotion</image> </imageflow> I was provided with this html. But it seems there are horizontal lines in between the places I'm supposed to add text. Can you tell me how I can remove these horizontal lines? Thanks. Code: <!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test 2</title>
<style type="text/css">
#container {
width: 780px;
margin-left: auto;
margin-right: auto;
}
#left_column {
border: 1px solid #999999;
float: left;
width: 230px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
}
#header_table {
width: 100%;
border-collapse: collapse;
}
.header_top_tdl {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_top_tdr {
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #b7b7b7;
background-color: #800000;
border-right-width: 0px;
border-left-width: 0px;
}
#right_column {
float: right;
width: 500px;
}
#footer {
margin: 20px;
padding: 3px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #800000;
font-size: 14px;
}
.white_text {
background-color: #800000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.form_row {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.link_p {
margin-left: 20px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.link_p img {
vertical-align: middle;
margin-right: 20px;
}
.link_p a {
text-decoration: none;
color: #000000;
}
.link_p a:hover {
color: #009933;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<table id="header_table">
<tr>
<td class="header_top_tdl"> </td>
<td class="header_top_tdr"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="content">
<div id="left_column">
<table >
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td class="white_text"colspan="2">
Login Here</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<form action="/smusermanager/members/default.asp?action=login" method="post"
name="login" language="JAVASCRIPT" onsubmit="return Validate();">
<input name="todo" value="login" type="hidden"/><input name="url"
value="/smusermanager/members/default.asp" type="hidden"/>
<tr class="form_row">
<td>Email Address</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_username" type="text"/></td>
</tr>
<tr class="form_row">
<td>Password</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_password" type="password"/></td>
</tr>
<tr class="form_row">
<td> </td>
<td>
<input class="fieldbox" value="Login" id="submit2" name="submit2" type="submit"/></td>
</tr>
</form>
<tr>
<td colspan="2" >
<p class="link_p"> </p>
<p class="link_p">
<img alt="Image" src="images/Hphone.gif" width="51" height="44"/>
<a href="http://www.s.com/test1.html?action=login">Home</a></p>
<p class="link_p">
<img alt="Image" src="images/hphone1.gif" width="51" height="39" />
<a href="http://www.s.com/test1.html?action=register">Register</a></p>
<p class="link_p">
<img alt="Image" src="images/hphone2.gif" width="44" height="42" />
<a href="http://www.s.com/test1.html?action=forgotusername">FAQ</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone3.gif" width="49" height="38" />
<a href="http://www.s.com/test1.html?action=forgotusername">Terms Of Use</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone4.gif" width="42" height="38" />
<a href="http://www.s.com/test1.html?action=forgotusername">Contact Us</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone5.gif" width="33" height="41" />
<a href="http://www.s.com/test1.html?action=forgotpass">Forgot Password</a></p>
<p> </p>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
</table>
</div><!-- end of left column -->
<div id="right_column">
<p>Format some text here</p>
<hr />
<p>Format some more text here</p>
<hr />
<table style="width: 100%">
<tr>
<td><img alt="" src="images/sight1.gif" width="33" height="41" style="vertical-align:middle"/>
And some text here</td>
<td><img alt="" src="images/sound1.gif" width="32" height="38" style="vertical-align:middle" />
And some text here</td>
</tr>
</table>
<hr />
<p>Etc.</p>
<hr />
<p>Etc.</p>
<p> </p>
<p> </p>
</div><!-- end of right column -->
</div><!-- end of content -->
<div id="footer">
<table style="width: 100%">
<tr>
<td>*Copyright 2007 . All Rights Reserved.</td>
<td style="text-align:right">Email : <a href="mailto:"></a></td>
</tr>
</table>
</div>
</div><!-- end of container -->
</body>
</html>
From what I can tell from the program I'm using, this code below is the Login Box that holds the words User Name & Password and their corresponding fields. How can I change this to keep the text and fields, but remove the box that's around them? Thanks. Code: <form action="/sfolder/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/sfolder/members/default.asp"><br> <table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><b>Login Here</b></font></td></tr> <tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>User Name</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr> <tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr> </td></tr></table></td></tr></table></td></tr></table><br><br></form> Any tool, ideally a plugin for DW, that will remove unused CSS... I have tried the dust me selectors firefox plugin but it doesn't seem to let you actually remove the css and hence save the new css to a file, it only seems to show you what is unused meaning you have to manually remove what you want?? hi there, this is the link to a layout i;m going to use, but there is gaps between the navigation at the top, and also a gap between the top affiliates on the left column... can someone take a look please? http://www.anastaciadreams.com/NEWLA...nastaciadreams I don't know how this got here, but I don't have any absolute width defined anywhere, I'm viewing the site on 1280x800 resolution, and I have a horizontal scroll bar... have a look if you want. www.bkriegtech.net Thanks for any help... Before I get totally flamed, I'm sure you get this question almost daily. However, I'm aware how to fix it, however I can't figure out why it's not working. As you can see above, the "test" div needs to be beside the "Hosting" div. So move the bottom one to the right of the first one. But how, is the question. Here's the HTML: HTML Code: <div id="plans">
<center><h2>Hosting Plan #1</h2></center><br />
<img src="images/arrow_right.gif" /> <b>10MB</b> Disk Space<br />
<img src="images/arrow_right.gif" /> <b>Unlimited</b> Data Transfer<br />
<img src="images/arrow_right.gif" /> <b>Unlimited</b> Domains, FTP, MySQL accounts<br />
<img src="images/arrow_right.gif" /> <b>2</b> E-Mail accounts<br />
<img src="images/arrow_right.gif" /> <b>Just $0.99/mo or $10/yr</b><br /><br />
<center><a class="order_button" href="order.php">Order Now!</a></center>
</div>
<div id="plans">
test
</div>
I've tried to put that block of code into another <div> to even it out all out with display: inline, but that doesn't work. I am also unable to use spans, although that would be the obvious route. So, does anybody have a solution? Thanks! I need to remove the scrolling bar for a text box. How can I do this? Does anyone know what CSS/HTML I need to use so scroll bars are disabled across all the main browsers? I.e. FF2, FF3, IE6, IE7, Safari.... I have the searched the Internet high and low and all I can really find on the issue is abuse from other posters who fail to answer the original poster's question because they think they know best. Is anyone able to help? Many thanks in advance. Hi y'all I have a page which contains an iframe. I want to remove the vertical scrollbar from the iframe so that when a page is opened in the iframe, the height of the page containing the iframe will be equal to the height of the page that has been opened. Can anyone help pls? hi, i have a simple window where i'm disabling the status bar as follows: Code: window.open(url,'name','width=' + w + ', height=' + h + ', ' + 'left=' + wleft + ', top=' + wtop + ', ' + 'location=no, menubar=no, ' + 'status=no, toolbar=no, status=no, toolbar=no, scrollbars=no, resizable=no'); Why does this work in IE, but not in Firefox? Is there a way to achieve this simple functionality in Firefox? thanks. Hello, I was wondering if there was away to remove a DIV that I have when a link is clicked? Also I have a drop down list and I would also like the div to go away when one of those are selected. Thank you so much in advance, I really appreciate it! |
|||||||