954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Whitespace

I don't really know what is going on here:

http://www.omegaboi.com/test/


on the menu, there seems to be a whitespace gap after the | the | is actually a border.

however, the gap is still there after i remove it from the css file labled test_test.css.

Does anyone know whats going on?

vexhawk
Newbie Poster
24 posts since Oct 2006
Reputation Points: 10
Solved Threads: 0
 

I'm sorta confused what you're referring to.

cscgal
The Queen of DaniWeb
Administrator
19,437 posts since Feb 2002
Reputation Points: 1,474
Solved Threads: 231
 

i apologize, i'm refering to the blue tab menu under the logo.

there is a gap between the links. Home | etc. | etc The " | " is a border style i set in css. If you hover over a link, it turns white, but u should see a small gap between the | and the white.

How would I fix it? or is there a better way to code what i did?

vexhawk
Newbie Poster
24 posts since Oct 2006
Reputation Points: 10
Solved Threads: 0
 

Since the link you have given is not working(404 Not Found) i didn't understand your problem well. But what i have understood till now through your text, i could say that padding and border-color may help you.

vishesh
Nearly a Posting Virtuoso
1,381 posts since Oct 2006
Reputation Points: 85
Solved Threads: 42
 

thanks for your concern. I think the main problem was that i was using a "list" to display the menu. I see that when you use list such as "ol" and "ul" it provides a little gap between words. Even if you do display "inline". I didn't know how to get rid of the gap, so I just made the margin # for "a:hover" negative, so when i covered over the menu item, it would cover up the gap. =) problem solved!

unless...you know of a better way to remove whitespace from ordered and unordered list?

vexhawk
Newbie Poster
24 posts since Oct 2006
Reputation Points: 10
Solved Threads: 0
 

Set all "border", "margin" and "padding" properties for all elements.

tgreer
Made Her Cry
Team Colleague
2,118 posts since Dec 2004
Reputation Points: 227
Solved Threads: 37
 

Do you still need critique? If so, I'm recieving a 404 error when accessing it.

Targowski
Newbie Poster
12 posts since Dec 2006
Reputation Points: 10
Solved Threads: 0
 

nope, thank you though. i really appreciate it though. I looked at my code, and felt that that was not the best way to create something like that. So i rewrote it, and tried a different method and it came out perfect.

thanks again!

vexhawk
Newbie Poster
24 posts since Oct 2006
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: