[RESOLVED] Removing “Spaces” in a Line of Links

W

windows

Guest
Here’s what I consider a problem in my code, that I would like to receive suggests on. Presently it looks good and works correctly, but there has to be a better way.

In the <BODY> the code looks like this:

<div id="navigation">
<div align="center">
<p><span class="style6">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"default.html">Home</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"about.html">Our Books</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"gecko-main.html">Gecko Books Main</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"gecko-thapae.html">Thapae Gate Books</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"gecko-junior.html">Gecko Books Junior</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"policies.html">Gecko Policies</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html">Contacting Us</a>
</span></p>
</div>
</div>
The “id=navigation” and “style6 looks like this in the <HEAD>:
#navigation {
width: 800px;
height: 20px;
margin: 0 0 0px 0;
border-left: medium solid #000;
border-right: medium solid #000;
font-weight: normal;
background-image:
url('images/bgdown_1.gif');
padding: 5px;
}

.style6 {font-size: 12px;
font-weight: bold;
}
What I want to know is how can I get hid of the “spaces ( ) ” after the links?

Much Appreciate your comments and time.Apparently, you only want the span class ".style6" (.style6) links to have/not have spaces.
That you have "margin: 0 0 0px 0;" in #navigation (here you can abbreviate this to "margin:0;" and it affects all four sides) works there, but you need something similar in "style6" (then you could remove all those " "s...),

So, in ".style6", do this:

margin-right:10px;

That will put "10 pixels" to the RIGHT of every [span class="style6"] link in that span, effectively pushing it's neighbor to the right.

-JoelJoel: - Sorry for the poorly mis-worded description of my problem.

I tried your margining of: margin-right:5px (varying from 5px to 20px), within “style6” but that did not solve the problem:

But this did, I created a “style7":

.style7 {margin-right:20px;
}and changed the <BODY>, as follows:

<div id="navigation">
<div align="center">
<p><span class="style6">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"default.html" class="style7">Home</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"about.html" class="style7">Our Books</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"gecko-main.html" class="style7">Gecko Books Main</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"gecko-thapae.html" class="style7">Thapae Gate Books</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"gecko-junior.html" class="style7">Gecko Books Junior</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"policies.html" class="style7">Gecko Policies</a>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"contact.html" title="e-Mailing Gecko Books">Contacting Us</a>
</span></p>
</div>
</div>
This worked perfectly; do you see any problems of doing it this?

Thanks for your time and help
 
You must log in or register to reply here.
Back
Top