Log In · Register

 
Div Layout: Navigation & Columns
ShizukaHio
post Feb 1 2009, 03:59 AM
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?
 
 
Start new topic
Replies
Mickey
post Feb 1 2009, 11:33 AM
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.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: