CAD Center Support Forum

CAD Center Support Forum for all your doubts clearences and career guidance.

For an add free forum just register and be a member..
Share your latest information....Let others know you know some thing....

You are not connected. Please login or register

Web designing tips & Tricks

Go down  Message [Page 1 of 1]

1 Re: Web designing tips & Tricks on Mon Mar 22, 2010 6:10 pm

what other languages you know?

View user profile http://www.cadcenter.org

2 Re: Web designing tips & Tricks on Mon Mar 22, 2010 5:45 pm

yes

View user profile

3 Re: Web designing tips & Tricks on Sat Mar 20, 2010 2:15 pm

Hi Tiju do you know CSS in-depth?

View user profile http://www.cadcenter.org

4 Web designing tips & Tricks on Thu Mar 18, 2010 12:27 pm

Vertical align for navigation lists with multiple lines

Let's see a quick tip for aligning vertically navigation lists that use the tipical floated box approach to display the list in a row, but that have several items displayed across multiples lines.


Suppose that we have this CSS code for our single-line navigation list:

#nav li {
display: block;
height: 3em;
margin: 0 3px;
padding: 3px 7px;
background: Khaki;
float: left;
}

that applies to this HTML code:



and we need to modify it for aligning vertically items that have both single and multiple lines. At first sight, the logical approach is using the vertical-align attribute. Since this attribute only applies to inline elements, we add it to the a tag inside the list items:

#nav li a { vertical-align: middle; }



CSS

#nav-fixed li {
display: block;
height: 3em;
margin: 0 3px;
padding: 3px 7px;
background: Khaki;
float: left;
text-align: center;
line-height: 3em;
}

#nav-fixed .double-line {
line-height: 1.5em;
}

HTML



Tiju Joy
CadCenter Tripunitura

View user profile

Sponsored content


Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum