|
HTML - I Want To Draw 2 Horizontal Lines Which Should Be Close To Each Other
Hi all,
In my report i show the amount value. Below the amount value, i want to draw 2 horizontal lines close to each other in HTML. I used 2 hr tags and it printed 2 horizontal lines but the width between them is large. I want the 2 horizontal lines to be very close to each other. e.g Amount: 100 -------- -------- The above 2 lines should be closer to each other and not like the above. Let me know if anyone knows how this can be done. Similar TutorialsI have a paragraph that has a horizontal line beneath it. The gap between these two elements is too large. How do I get the line closer to the last line of text in the paragraph? I have tried everything from margins to padding attributes and nothing works for me yet. Here is my code at the moment; Code: <P style="MARGIN-BOTTOM: 0em; FONT: 2.5em verdana, sans-serif; MARGIN-LEFT: 20px; WHITE-SPACE: nowrap; LETTER-SPACING: -4px; TEXT-ALIGN: left"> <img src="logo10.gif"> Heading Text <SPAN style="MARGIN-BOTTOM: 0em; FONT-WEIGHT: bold; COLOR: rgb(255,153,0); FONT-STYLE: italic; WHITE-SPACE: nowrap"> More text</SPAN></P> <hr style="MARGIN-LEFT: 20px; color: rgb(255,153,0); height: 15" /> Hi, i got a big problem; If you run this code in Firefox everything is ok - there is one yellow text input; But in Internet Explorer there are two red horizontal 1 pixel lines under and above text input; I have been pulling my hair since 2 days and still i dont know how to get rid of those lines?; Is this IE bug ? Please help me if you can; Thx; HTML Code: <html>
<head>
<style type="text/css">
table.myDrop-table
{
border-collapse: collapse;
background-color: red;
border-style: solid;
border-color: blue;
border-width: 0px;
border-spacing: 0px;
padding: 0px;
margin: 0px;
}
tr.myDrop-tr
{
border-collapse: collapse
border-width: 0px;
padding: 0px;
border: 0px;
border-width: 0px;
border-color: green;
padding: 0px;
margin: 0px;
}
td.myDrop-td
{
border-collapse: collapse
border: 0px;
border-width: 0px;
border-color: green;
padding: 0px;
margin: 0px;
}
input.myDrop-edit
{
border-width: 0px;
border-style: solid;
border-color: black;
background-color: yellow;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body bgcolor=white>
<TABLE class=myDrop-table cellpadding=0 cellspacing=0 border=0><TBODY>
<TR class=myDrop-tr>
<TD class=myDrop-td >
<INPUT class=myDrop-edit>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
Hello all, The team I work on is going to be creating a .NET application which reads organization information from a database and creates a dynamic Org Chart. One of common features in an org chart is lines that show reporting structures. Does anyone have any recommendations on how we could dynamically create such lines that would need to go both horizontally and vertically? Thanks Is it possible to draw only a certain portion of an image using img? I want to take this radar and only have it draw a rectangle around where I live instead of the whole image. Is there a way to specify what coordinates to draw using img? Hi all. I need to draw this table in html http://www.htmlforums.com/style1/ima...or/menupop.gif Please help dear everybody i need to draw a table with data inside the TEXTAREA but i don't understand how can i do it. Can anybody help me how can i do it . Thanks Web Developer Nanumsem Korea I need html code of an ad with close button and I also need html code of floating ad with close button.If someone knows how to do it , please post html. Hi guys, I'm having difficulty drawing lines on top of an uploaded "map.gif" image. Basically I've upload a small outline map and use the <area> function to create defined areas (cities, roads, etc). When I click on a city a snall pop up gets displayed with the word "hey, you've just click on Dallas" (or where ever). All that works just fine. My problem is that my map is actually just a blank outline with no actual cities or roads drawn on it. Therefore I tried using the <canvas> function to draw the cities (circles) and roads (lines). The only problem is that they appear below the map rather than on top of it. Any ideas as to how I can get the lines to appear on the map? Many thanks, Pete Thanks Coot for really helping me out. I've updated some needed assistance if anyone else can help I would appreciate it. For: http://www.trillionaireme.com http://lmiinc.com/LMIinc_Links.html First off let me say sorry for the code on here, its terrible, but not mine, I'm just trying to help do a little updating while I'm building him a new site. Ok I edited a bunch on this page & now its still a really long page with just a little info & there is a large blank gap until you reach the bottom. I've tried resizing a few things to make it normal with no luck. What do I need to adjust to make it normal? I am so close to finishing up the pop player that I have been working on. Need just a little help to get over the top http://www.vlifechurch.org/ on this page is a sermon player link. If you click on it you will see the player, for some reason I can not get the video player moved over to the right and let the weekly sermons titles on the right. Please a little help... thanksss Sorry, this is just a really stupid question. I am not new in the least bit to HTML, however I am completely new to talking to people about it. When someone refers to "line 15 in the code" what are they talking about. Because sometimes I will count down the lines and that line will be blank. For example: What is line 5 in this code? Code: <html> <head> <title></title></head> <body> </body> </html> Would you count the number of lines down, or the number of lines (with content) down. Would line 5 be considered the blank line, or </body> Hello, folks; I'm making a new site at http://www.sticksite.com/antlers/ and there is a wide green (blank) space after the text and before the pictures. I did this in Notepad2 and did NOT enter any br tags in there. I cannot understand why this space appears. Can anyone educate me, please? 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>
When you use a <p> tag, there is space between paragraphs. Not sure if there is are automatic margins set for the top and bottom, but that's the way it seems. I'm using <p> tags inside a <table> and I'd like the first paragraph to be tight to the top of the cell but the only way I know how to do it is to remove the <p> tags from the first paragraph. I don't really want to do this as I'd like to have the <p> tags around each paragraph. Here is what I have, which btw does exactly what I want it to but as you can see the first set of <p> tags have been removed. What's a better way to get this effect? Code: <table cellspacing="10"> <tr> <td class="menu" style="background-color:#8C9429"><a href="lab4-2bsolution.html">Prices</a> <p><a href="http://www.antiquity.ac.uk/">Links</a></p></td> <td class="content">Voytokovich Antiquities is the leadinng wholesaler for Asian, Middle Eastern, and European antiquities. Items in our store include masks from a variety of cultures, statues, paintings, and other collectibles. Bring the past into your own homes with the beautiful art pieces offered in our store. Come visit us often to find new and unusual items not found elsewhere <p>The links on the left take you to pricing information and our favorite Web sites. Please take a look at our prices and call or e-mail us for a price quote.</p> <p>Please sent any comments to <a href="mailto:voytkovich@isp.com">voytkovich@isp.com</a>.</p></td> </tr> </table> This is for a class assignment. It calls for a one row, two column borderless table. The first column has two links (one on top of the other), and the second column has three paragraphs of text. Thanks for any suggestions! Code: <?xml version="1.0" ecoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> Please explain to me those two lines (I did not include the doctype because I can understand what it's for) in a manner easy to understand. I'm not a beginner, but I didn't do those lines very often back then. What do they mean and how do they affect an HTML file? Thank you in advance! Hello, I don't want my lines to end, but they do even without me typing a <BR>. I tried putting the code in the same line in the code, it does not work. Here's the code I need to have on the SAME line : Code: <BODY bgcolor = #95AD9C> <img src = "Images/logo.gif" height = 100 width = 100> <font color = "white"> <H1> Anime Invasion <BR> English Dubbed <BR> Episodes! </H1> </font> </BODY> I am trying to make an anime watching website, is it a bad idea to design the whole thing myself? Sorry I am new to website development! Anyone know any good free templates? Thanks. I try to make make "close window" button or link and I used this codes: Code: <form> <input type="button" value="Close Window" onClick="window.close()"> </form> or this one Code: <a href="javascript:window.close()">Close Window</a> None of this one works in firefox. Do I have to do some modification to the code? Does someone have other code I can use? Hello. I am making HTML codes for ebay. I work with Frontpage, and when I paste my HTML code in ebay page the space betweens the lines becomes 2 lines instead of 1 line. At frontpage it looks ok, I mean the space is 1 line like I want it to be but in ebay there is no way to change the space. Is there something wrong with my HTML code? |
|||||||