|
HTML - Don't Know How To Remove Gap: Pls Help
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! Similar TutorialsAny 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?? 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> 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>
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 Detete This Plz 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> 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 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> 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! 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 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. Hello Everyone, Please tell me....How to Remove Fireworks in HTML? 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... Is there a option in Microsoft Word able to make it work in Dreamweaver to do this? Is there a CSS command 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? 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! how do i remove these spaces between my images and table? if you view the page theres spaces between the two images and for some reason on the bottom it shows a small image of my mid body image here is the link: http://lilions.com/contact/ Code: <code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<br></br><br></br>
<img src="http://lilions.com/home/images/tpc.jpg"><img src="http://lilions.com/home/images/cnttp.jpg"><center><table width=1000 height=450><td
background="http://lilions.com/home/images/cntmid.jpg"></center><center><font color="#FFFFFF"><table border="3" bordercolor="FFFFFF" width="630"
bgcolor="000000"></br><td><p><i><b><center><font color="#FFFF00">donbonacorsa@yahoo.com <donbonacorsa@yahoo.com></center></b></i></p></font>
<?php
if ($_POST["email"]<>'') {
$ToEmail = 'donbonacorsa@yahoo.com';
$EmailSubject = 'Site contact form from www.LiLions.com';
$mailheader = "From: ".$_POST["email"]."\r\n";
$mailheader .= "Reply-To: ".$_POST["email"]."\r\n";
$mailheader .= "Content-type: text/html; charset=iso-8859-1\r\n";
$MESSAGE_BODY = "Name: ".$_POST["name"]."<br>";
$MESSAGE_BODY .= "Email: ".$_POST["email"]."<br>";
$MESSAGE_BODY .= "Comment: ".nl2br($_POST["comment"])."<br>";
mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure");
?>
<center><h4><b>
Your message was sent </center></h2>
<?php
} else {
?>
<form action="index.php" method="post"><table width="630" border="0" cellspacing="2" cellpadding="0">
<h4>
<center>
<p>Have questions or comments? Please feel free to fill in the form below to send me an email.</p>
</center>
</h4>
<center></h4><div id="content">
<p><tr align="center"><center>
<td width="29%" class="bodytext">Your Name (required):</td></tr>
</center>
<tr align="center"><center>
<td width="71%"><input name="name" type="text" id="name" size="32"></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext">Your Email (required)</td></tr>
</center>
<tr align="center"><center>
<td><input name="email" type="text" id="email" size="32"></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext">Subject</td></tr>
</center>
<tr align="center"><center>
<td><input name="subject" type="text" id="subject" size="32"></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext">Comment:</td></tr>
</center>
<tr align="center"><center>
<td><textarea name="comment" cols="45" rows="6" id="comment" class="bodytext"></textarea></td></tr>
</center>
</p>
<p><tr align="center"><center>
<td class="bodytext"> </td></tr>
</center>
<tr><center>
<td align="center" valign="top"><input type="submit" name="Submit" value="Send"></td></tr>
</center>
</p></table></tr></td></form>
</div>
</b>
</h3>
</table>
<?php
};
?>
</body>
</html>
<center>
<img src="http://lilions.com/home/images/cntbtm.jpg">
</center>
</code>
I need to remove the scrolling bar for a text box. How can I do this? 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. |
|||||||