PDA

Click to See Complete Forum and Search --> : Appearance of links does not look good on the web

508
06-19-2006, 09:01 AM
No message
KDLA
06-19-2006, 12:56 PM
Alternative to brackets: We use border properties to separate links.
The link is set to have a border-right and a border-left of 1px with the same coloring as the text. The borders don't effect search engines, are only presentational for handicapped viewers, but do print.

It can be achieved by CSS in the <head> section:

<style type="text/css">
a {border-right: 1px solid blue; border-left: 1px solid blue; margin-right: 5px; margin-left: 5px;}
</style>

Reference: http://www.w3.org/TR/REC-CSS2/box.html#border-properties

As to your other questions, I'm not able to answer them. The information you've provided is too vague.

KDLA
felgall
06-19-2006, 03:19 PM
For accessibility you need something visible between the links. If you dont like [] then what about |
508
06-19-2006, 10:26 PM
Dear KDLA, based on the html source code I gave you of my nine links, how would you make a new html page and for the links. They are placed at the top of every page, next to the company logo, which happens to be at the top left of every page. The image is in css, and the float property is in css.

The only link properties I have in css related to links are a:link, a:visited , li a:visited, and li a:link.

What is your suggested css code and html for this situation?
508
06-20-2006, 10:45 AM
None
KDLA
06-20-2006, 06:40 PM
There are css pseudo elements, before and after, that can be used; however, they are not supported by all browsers. You will most likely have to handle this using PHP or some other type of server side scripting.

Reference: http://www.w3.org/TR/REC-CSS2/selector.html#before-and-after
http://www.w3schools.com/css/css_pseudo_elements.asp
NogDog
06-20-2006, 07:07 PM
Why not just leave the brackets outside of the <a> tags?

[<a href="page1.html">Link 1</a>] [<a href="page2.html">Link 2</a>]
508
06-20-2006, 08:31 PM
No message
508
06-20-2006, 10:09 PM
No message
KDLA
06-21-2006, 07:53 AM
Really, you need to learn how to do this yourself, rather than rely on us. This forum is designed to help designers, not do the work for them.
Here are some resources to help you get started:

http://www.w3.org/TR/REC-CSS2/box.html#border-properties

To move your CSS, simply cut and paste it into the stylesheet of your choice. Just remember to exclude the introductory <style> and closing </style> tags.

KDLA
508
06-21-2006, 11:10 AM
No message
the tree
06-21-2006, 11:55 AM
If you really intend to learn then you should do some of the leg work yourself. Checking for browser support is insanely easy.
As is moving an embeded style-sheet to an external one, if you don't want to work stuff out like that for yourself, then why are you getting in to web development?