Div Layout: Navigation & Columns |
Div Layout: Navigation & Columns |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 28 Joined: Jan 2009 Member No: 708,903 ![]() |
I've got 2 questions.
1. How do you do the navigation code to where its lined up one under the other and you can change the colors for the navigation background and letters and change the writing to the type and size you want? 2. How do you put more than one columns in the div layout? |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
If you're doing a navigation code vertically, create a class with a block display like this:
CODE <style> .navlinks {display:block;} </style> Then use that class for all the links you want to display vertically like this: CODE <a href="URL" class="navlinks">LINK</a> <a href="URL" class="navlinks">LINK</a> <a href="URL" class="navlinks">LINK</a> <a href="URL" class="navlinks">LINK</a> <a href="URL" class="navlinks">LINK</a> If you want to put more than one column in a DIV, I suggest just adding another DIV on your page using a code like this: CODE <div style="position:absolute; left:50%; margin-left:-400px; top:250px; height:800px; width:300px;"> CONTENT </div> Just adjust the margin-left and top property values to position the DIV where you want it to be. Adjust the height and width to fix its size. |
|
|
![]() ![]() |