How did they format these text elements on this site (link)?

http: //www. debeers. com/page/home
On the top product routing row, How did they get the underlines to become different color in addition to spaced further underneath the text, and possess the gaps with the lower-case g’s I’m using Illustrator CS2 to help lay out much the same page and am aiming to fine tune the text like they did.
In addition, How did many people get those directory hash marks in that row and on the bottom nav line are those simply just drawn in, or is there a way regarding easily doing that

Thank you all!
Aza

The underlines is easy. I assumed you are already aware a little in relation to CSS.

they actually set the particular underline attr to help zero and work with border-bottom instead.

suggestions how

. navlink
text-decoration: nothing;
border-bottom-style: strong;
border-bottom-color: #666;
border-bottom-width: 1px;
padding-bottom: 3px;

this is certainly just an illustration. you can tweak it the method that you want (eg. dashed underline)

anticipation this helps

Oh yea, I forgot.

Though vertical hash is truly a key on your keyboard. press Be tossed about + back slash ‘\’. In case you never know where the bed slash is. the idea above the input key.

to accomplish the same effect: I would repeat this.

Code:
< div class=" navigation" > < the class=" navLink" > Hyperlink 1< /a> & nbsp; & nbsp; < the class=" navLink" > Hyperlink 2< /a> & nbsp; & nbsp; < the class=" navLink" > Hyperlink 3< /a> < /div>

Many thanks very much!

By simply top navigation, can you mean main routing

The principal nav is graphical

Code:
< div class=" navigation" > < the class=" navLink" > Hyperlink 1< /a> & nbsp; & nbsp; < the class=" navLink" > Hyperlink 2< /a> & nbsp; & nbsp; < the class=" navLink" > Hyperlink 3< /a> < /div>

/quote
This is certainly HTML, correct How might I use Dreamweaver to make that a CSS principle

< div class=" navigation" > is the word for a special model for div, while using class of routing. To reference around css, use div. selection insert style below.

sorry about that last post, had not been very detailed, as We were just running available the door. But that has been for classes, which classifies an organization of elements, for instance if you wanted to type a paragraph that will be use over and over again on a web page, use classs.

You then have id’s. ID’s are beneficial if that feature only appears once for a page, for example a header, selection container or footer. From the html it seems like this:

HTML:
< div id=" navigation" > < /div> 

And from the css, like the following:

Code:
div#navigation insert style here

But you may want to check out some css course, here has worth keeping: http: //www. w3schools. com/css.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *