473,320 Members | 1,958 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

color of horizontal line

Hi,
ist it possible to change the Color of a horizontal <hl> line?
i tried with background-color and color but it didn't work?
what attribut changes the color?
Jul 21 '05 #1
6 26047
Wilhelm Kutting wrote:
Hi,
ist it possible to change the Color of a horizontal <hl> line?
Did you mean <hr>?
i tried with background-color and color but it didn't work?
what attribut changes the color?


Try border-color.
Jul 21 '05 #2
Once upon a time *Wilhelm Kutting* wrote:
Hi,
ist it possible to change the Color of a horizontal <hl> line?
i tried with background-color and color but it didn't work?
what attribut changes the color?


This is an example that I use

hr {height:1px; border-style:solid; border-width:1px 0 0 0;
border-color:#74A8C0;}

Play with the values to make look as you prefer

--
/Arne
http://web.telia.com/~u97802964/

If you owe the bank a million, you have a problem.
If you owe the bank ten million, the bank has a problem! (Unknown)
Jul 21 '05 #3
Hi,
ist it possible to change the Color of a horizontal <hl> line?
i tried with background-color and color but it didn't work?
what attribut changes the color?


I would try to avoid <hr>s (I a assume you meant them). Usually <hr>s
are used to optically seperate conent. This can be accomplished by using
a border-bottom.

Chris
Jul 21 '05 #4
Chris Leipold wrote:
Hi,
ist it possible to change the Color of a horizontal <hl> line?
i tried with background-color and color but it didn't work?
what attribut changes the color?


I would try to avoid <hr>s (I a assume you meant them). Usually <hr>s
are used to optically seperate conent. This can be accomplished by using
a border-bottom.


Actually I think it's better to leave the the HRs *in* and use CSS to
disguise them if necessary. That way you get much better results in text and
audio browsers.

Wrap the HRs inside DIV elements like this:

<DIV class="hr"><HR></DIV>

and put this in your CSS file:

HR {
display: none;
}

DIV.hr {
margin: 2.0em 0;
height: 0.4em;
background-color: #fc9;
clear: both;
}

Here's an article you might find useful:
<http://diveintoaccessibility.org/day..._rules_or_faki
ng_them_properly.html>

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/
Jul 21 '05 #5
>>Hi,
ist it possible to change the Color of a horizontal <hl> line?
i tried with background-color and color but it didn't work?
what attribut changes the color?


I would try to avoid <hr>s (I a assume you meant them). Usually <hr>s
are used to optically seperate conent. This can be accomplished by using
a border-bottom.


Actually I think it's better to leave the the HRs *in* and use CSS to
disguise them if necessary. That way you get much better results in text and
audio browsers.


IMO this depends if the hr has only represental functions or if it is
content.
And the argument that NS4 displays a correct hr is poor. NS4-users must
be punished. ;-)

CL
Jul 21 '05 #6
Works well in IE and Moz...

HR {
background-color: #006699; /* mozilla */
border: 0px; /* fixes mozilla height */
clear: left;
color: #006699; /* ie */
float: left;
height: 1px;
margin: 4px 0px 4px 0px;
width: 99%;
}

Jul 21 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Dan V. | last post by:
Why is there a large space before the background image (horizontal orange line under top NAV horizontal CSS list buttons) in Internet Expolorer 6 only? http://www.officeactivate.com/fish ...
1
by: Marco Liedekerken | last post by:
Hi, I want a Horizontal scrollbar to appear in my Panel control when I add new controls to it (when the width is getting too big). The Vertical scrollbar is easy (adding overflow: auto to the...
4
by: Sakharam Phapale | last post by:
Hi All, I have installed VS .NET 2002 on my machine. I have checked both Vertical scrollbar and Horizontal Scrollbar options, in Tools -> Options-> Text Editor-> General-> Vertical Scrollbar...
2
by: musicmouse | last post by:
Happy new year to you all, I have a problem with the css settings for the horizontal scrollbar of a textarea. When I look at my textarea's in Internet Explorer (I use 5.5) I see only a...
2
by: Eduard | last post by:
I have a ASP.Net datagrid wrap in the following div: <DIV id="divPart2" style="OVERFLOW: hidden">. Another div controls the horizontal scrolling: <DIV id="scroll1" style="OVERFLOW: scroll;...
2
by: Martin Schneider | last post by:
Hi! Thanks for your ideas for the following problem: The text field has only a vertical scroll bar, but no horizontal one. When typing across the right boundary of the field the text is...
2
by: Csaba Gabor | last post by:
I have a table that sizes to take up most of the page's width. The (mostly empty) rightmost cell of a particular row starts off as wide as it can, but it might be that it gets something that...
2
by: pbd22 | last post by:
Hi. I am trying to make a horizontal list that counts (downward) and a horizontal list that illustrates the time. Both list should be formatted the same (except for the nomenclature). I seem to...
2
by: laredotornado | last post by:
Hi, Maybe I should break down and use tables, but I wanted to query the experts first. Below, I would like the words "First name" and "Last Name" to appear on the same horizontal and I would...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.