View Single Post
  #7   Spotlight this post!  
Unread 17-01-2008, 11:31
RyanCesiel's Avatar
RyanCesiel RyanCesiel is offline
Project Manager / Web Designer
FRC #0245 (AdamBots)
Team Role: Leadership
 
Join Date: Apr 2007
Rookie Year: 2008
Location: Rochester Hills, Michigan
Posts: 299
RyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud ofRyanCesiel has much to be proud of
Send a message via AIM to RyanCesiel Send a message via Yahoo to RyanCesiel
Re: Team 1444 Redesign

Quote:
Originally Posted by Compnerd View Post
Also, how do I make the Links on the left side (in list format with the bullet points disabled) How do i make them appear with boxes around them??? I have the following CSS code applied to that..
Code:
#links {
	position:absolute;
	padding-left:0px;
	background-color:#FFFFFF;
	border-color:#000000;
	height:211px;
	width:120px;
	font-family:tahoma;
	font-size:16px;
	left: 10px;
	top: 125px;
	border-style:solid;
}
.links {
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
}
This is the way I would do it, you can also do it through a <ul> list, also.

CSS:
Code:
.links dl {
          margin: 0; /* Prevents moving the list way to the right */
          padding: 0; /* Prevents moving the list way to the right */
}

.links dt {
        border: 1px solid COLOR HERE; /* Creates the border around the links - like you asked for */
}
HTML:
Code:
<dl>
     <dt>LINK CODE HERE</dt>
     <dt>and HERE ..</dt>
     <dt>and HERE .....</dt>
</dl>
__________________
AdamBots.com - Winner of 10 Best Website Awards!