How to use margin-left with <hr> and <a>

Stefan Mueller · Dec 8, 2005

Because of by background picture I have to use
<body background = "background.jpg" leftMargin = "0" topMargin = "0"
marginWidth = "0" marginHeight = "0">

Therefore I have no margin from the border of the windows. But I'd like to
have a margin.

For a normal text I can do
<div class = "style_text">Bla bla bla</div>

div.style_text {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #cccccc;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

But how can I add a margin to
<hr color = "#cccccc">

And how to add a margin to
<a href = "http://www.server.com" class =
"style_link">http://www.server.com</a>

a.style_link {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
color: #cccccc;
}

Stefan

Steve Pugh · Dec 9, 2005

Stefan said:
Because of by background picture I have to use
<body background = "background.jpg" leftMargin = "0" topMargin = "0"
marginWidth = "0" marginHeight = "0">

Ooo, how quaint.

Therefore I have no margin from the border of the windows. But I'd like to
have a margin.

No, you'd like to have padding.

body {
background-image: url(background.jpg);
margin: 0;
padding: 1em;
}

For a normal text I can do
<div class = "style_text">Bla bla bla</div>

div.style_text {
font-family: verdana, tahoma, arial, helvetica, sans-serif;

Google this group's archives for reasons to avoid Verdana.

font-size: 8pt;

Ditto for reasons to avoid tiny, absolutely sized text.

font-weight: normal;

The default, pointless.

color: #cccccc;

Where's the background-color? As you have a background-image on the
body you should set the background-color and color on that element, not
just setting a color on child elements. What if you background image
doesn't load for some reason?

margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;

margin: 10px; is more compact.

But how can I add a margin to
<hr color = "#cccccc">

Same as any other element.

But not needed if you set padding on a parent element instead.

And how to add a margin to
<a href = "http://www.server.com" class =
"style_link">http://www.server.com</a>

Don't. Why aren't your links inside a logical container?

a.style_link {
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;

These should all be inherited from the parent element.

text-decoration: none;
color: #cccccc;
}

Hmm, same colour as the text and not underlined. How is anyone supposed
to know that these are links?

Steve

How can I add arrows to my FAQ	0	Aug 9, 2023
Text does not display correctly to glow	2	Sep 16, 2022
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Need help , Having problem with Drag n Drop ?	9	Dec 21, 2022
Help with my responsive home page	2	Dec 14, 2022
Need help , Having problem with Drag n Drop...	1	Dec 21, 2022
Shift Button from Left to right, coding help	1	Mar 20, 2022
Login button code	8	Jul 7, 2021

How to use margin-left with <hr> and <a>

Stefan Mueller

Steve Pugh

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads