Team 1444 Redesign

[Compnerd]

Ok i will try the centering fix. Also, what do you mean by big?? On my laptop screen it's difficult to adjust for smaller monitors. Any suggestions?

[RyanCesiel]

Originally Posted by Compnerd

Ok i will try the centering fix. Also, what do you mean by big?? On my laptop screen it's difficult to adjust for smaller monitors. Any suggestions?

Sorry about that, I meant that the font sizes and typography don't seem to match between your header, navigation, and content.

[Compnerd]

Originally Posted by RyanCesiel

Sorry about that, I meant that the font sizes and typography don't seem to match between your header, navigation, and content.

What do you suggest for font sizes?

[RyanCesiel]

Originally Posted by Compnerd

What do you suggest for font sizes?

14px to 30px Arial for titles/headings and 11px to 14px Verdana or Tahoma. I would recommend only bolding things that are important, it looks like everything on the front page is bolded.

[RyanCesiel]

Your site doesn't and will not align with the margin-left: 10%; margin-right: 10% thing, that's for liquid layouts. Check my post on centering to do it properly.

[Compnerd]

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..

#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;
}

[RyanCesiel]

Originally Posted by Compnerd

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..

#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:

.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:

<dl>
     <dt>LINK CODE HERE</dt>
     <dt>and HERE ..</dt>
     <dt>and HERE .....</dt>
</dl>

[flightofone]

I kinda like how it grabs your eyes, clean, easy-to-navigate. I especially like "I got bored so I redesigned..." as opposed to the usual "I'm bored, let's play video games, go out shopping, IM me, etc."

[Compnerd]

Originally Posted by flightofone

I kinda like how it grabs your eyes, clean, easy-to-navigate. I especially like "I got bored so I redesigned..." as opposed to the usual "I'm bored, let's play video games, go out shopping, IM me, etc."

Ya.. boredom actually gets me to be quite creative.

[Compnerd]

Originally Posted by RyanCesiel

This is the way I would do it, you can also do it through a <ul> list, also.

CSS:

.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:

<dl>
     <dt>LINK CODE HERE</dt>
     <dt>and HERE ..</dt>
     <dt>and HERE .....</dt>
</dl>

I really apriciate all your help! This is the first time i've done a website in 100% CSS coding.

Thanks!

[RyanCesiel]

Originally Posted by Compnerd

I really apriciate all your help! This is the first time i've done a website in 100% CSS coding.

Thanks!

No problem.