/    Sign up×
Community /Pin to ProfileBookmark

<hr> with no blank space under – how ?

please have a look at this section of code :-The problem bit is the <hr> at the very top of the next to last paragraph, I need to get rid of the blank line that is under it – Thanks – Paul

<BODY BGCOLOR=”#CCFFCC”><HTML>
<!——–this below controls layout of pics–>

<style type=”text/css”>
ul {list-style-type:none;}
li {
float: left;
margin:10px 10px;
}
li p {
text-align: center;
}
</style>

<!———-pic details follow———–>

</head>

<body topmargin=”0″ leftmargin=”0″ BGCOLOR=”#CCFFCC”><table width=”100%” height=”100%” border=”0″ cellspacing=”0″><tr><td>
<div style=”width:100%; height:100%; background-color:#CCFFCC; overflow:auto;”>
<table width=”100%” height=”100%” border=”0″>

<table border=”0″ width=”100%” height=”10″><tr><td width=”50%” align=”left”>
<a href=”index.html”target=”_top”>Back to the homepage</a> </td><td width=”50%” align=”right”>
<a href=”Page3.html” align=”right”>Next</a></td></tr></table>
<ul><center>

<li><img src=”lancaster_thumb.jpg” alt=”Lancaster”/><br><a href=”lancaster_info.html”>Lancaster</a>

<li><img src=”new_jersey_thumb.jpg” alt=”New Jersey”/><br>New Jersey</li>
<li><img src=”hawaii_thumb.jpg” alt=”Hawaii”/><br>Hawaii</li>

<!–SOME OF THIS REMOVED FOR CLARITY–>

alt=”Hawaii”/><br>Hawaii</li>
<li><img src=”sarah_thumb.jpg” alt=”Sarah”/><br>Sarah</li>
<li><img src=”breakfast_cc_thumb.jpg” alt=”Breakfast set (Cathay Cane)”/><br>Breakfast (cc)</li>
<li><img src=”breakfast_ci_thumb.jpg” alt=”Breakfast set (Cane Industries)”/><br>Breakfast set (ci)</li>

</ul></center>
</body>

<!–display left and right sided page navigation–>

<br>
<br>
<table border=”0″ width=”100%” height=”120″><tr><td width=”50%” align=”left”>
<a href=”index.html”target=”_top”>Back to the homepage</a> </td><td width=”50%” align=”right”>
<a href=”Page3.html” align=”right”>Next</a></td></tr></table>
</div> </td></tr>
<tr height=”100″><td>
<div style=”width:100%; height:100%; background-color:#CCFFCC; overflow:auto;”>

<hr>
<p><b>Please browse our selection of cane furniture and accessories. If you are looking for a particular product, of which you know the manufacturer and range name, please use the link below to contact us. We supply suites from several major manufacturers – Our <a href=”faqs.html”>F.A.Q’s</a> really does have the answers to your questions !<br>If you have any constructive comments or questions regarding the website, please contact us using the <a href=”infoform.html”>Info request form</a> </b></P>

</div>

</td></tr>
</table>
</body></html>

to post a comment
HTML

6 Comments(s)

Copy linkTweet thisAlerts:
@carpetpaulauthorNov 16.2004 — I did pick up your previous reply, here is my modified code:-


-----------------
<div style="width:100%; height:100%;

background-color:#CCFFCC; overflow:auto;">


<hr style="margin:0">

<p><b>Please browse our selection of cane furniture and

accessories. If you are looking for a particular product, of
-----------------



It still has the gap

check out

http://myweb.tiscali.co.uk/blackpoolsingles/productdisplay.html


you might be able to help with an alternative, I just need to seperate the lower text from the rest of the scrolling part, is there any other way ??


Thanks Paul
Copy linkTweet thisAlerts:
@CharlesNov 16.2004 — [font=monospace]<hr style="margin:0">

<p style="margin-top:0; font-weight:bold">Please browse our selection of cane furniture and accessories. If you are looking for a particular product, of...</p>[/font]

[i]or[/i]

[font=monospace]<p style="border-top:inset 3px #000; font-weight:bold">Please browse our selection of cane furniture and accessories. If you are looking for a particular product, of...</p>[/font]
Copy linkTweet thisAlerts:
@carpetpaulauthorNov 16.2004 — <hr style="margin:0">

<p style="margin-top:0; font-weight:bold">

so, effectively the above means - hr style, no gap / paragpragh style, allow no gap above the text ?


-------

and your other exapmle:-

<p style="border-top:inset 3px #000;

I don't quite understand the 'border' bit, it isn't a command I've learnt yet, does this produce a line (top border)of 3 pixels thickness that is black (I'm assuming thats a colour "#")




thankyou for all your help, it is most appreciated !

Paul
Copy linkTweet thisAlerts:
@carpetpaulauthorNov 16.2004 — Just discovered something :-

imediately below my <hr>

i had the <p> start of my paragraph

I was aware that the </p> drops you a blank line after, but seemingly the starting <p> also drops a line before the paragraph starts, as once removed the gap was gone, with your new code method, and using my original !

problem sorted - thanks?
×

Success!

Help @carpetpaul spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...