...

View Full Version : Need some major help...



Canon820
03-22-2005, 12:36 AM
Thanks for your help. It's now working!

_Aerospace_Eng_
03-22-2005, 04:37 AM
answer to first question add margin:0px; to the h2 css, and 1.5 what? line-height? well if you set the font-size then just make the line-height equal to the font-size

Canon820
03-22-2005, 08:43 PM
Thanks!

Does anyone know how I would go about getting the News section to appear under the links:external.

Also, I still can't figure out why the <h2> element isn't working the same way in the news section as it is in the links section (it should be bolded and centered and it seems to be ignoring this). >_>

Thanks in adavce, again!

_Aerospace_Eng_
03-23-2005, 12:44 AM
for the news and updates section, to get it underneath the links, dont float it simple as that, and just give your h2's a class and just use css to style those

Canon820
03-23-2005, 02:40 AM
Ok I got the news under the links section. Now I think I just have two problems:
1. I need to make the content go to the right of the menus, it is messed up at the bottom as one can see. >_>
2. I can't figure out how to make a 10px space between the links and news menus on the left.

Thanks alot, you've been a big help so far!

_Aerospace_Eng_
03-23-2005, 02:44 AM
hmm try this for your css, see how u like it

/* CSS Document */

body {
font-family:Arial, sans-serif;
font-size: 65%;
color:#55737A;
margin:0px;
margin-top:25px;
margin-bottom:25px;
background:#F7FDFF;
width:100%;
}
#container {
width:78%;
height:307px;
margin: 0 auto;
}
#border {
border:1px solid #D1E0E4;
}
#header {
text-transform: uppercase;
font-size:120%;
font-weight: bold;
height:inherit;
width:100%;
}
.one {
color:#5A8F9B;
}
.two {
color:#C0BC4B;
}
.three {
color:#97BBC3;
width:100%;
}
#nav {
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
border-bottom:1px solid #D1E0E4;
background:#EAF5F7;
}
#nav a {
width:60px;
padding:2px 50px 4px 3px;
text-align: center;
font-weight:bold;
width:auto;
text-decoration:none;
color:#97BBC3;
}
#nav a:hover {
color: #C0BC4B;
text-decoration:none;
}
#nav ul {
display: inline;
margin: 0 auto;
padding: 0;
list-style: none;
}
#nav li {
display: inline;
}
#menu {
width:15%;
margin:5px;
border:1px solid #D1E0E4;
font-weight:bold;
text-align:center;
background: #fff;
float:left;
}
h1 {
margin:0px;
}
h2 {
margin:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size: 105%;
padding: 0;
border-bottom:1px solid #D1E0E4;
background:#EAF5F7;
color:#55737A;
}
#menu a {
font-weight:bold;
width:100%;
text-decoration:none;
color:#55737A;
}
#menu a:hover {
color:#55737A;
text-decoration:none;
}
#menu ul {
margin: 0 auto;
display:block;
padding: 0;
list-style: none;
}
#menu li {
display:block;
}
#menu li:hover {
background: #D1E0E4;
}
#news {
width:15%;
padding: 0;
float:left;
clear:left;
margin:10px 5px 5px 5px;
border:1px solid #D1E0E4;
font-weight:bold;
text-align:justify;
background:#fff;
color:#97BBC3;
}
#news p {
padding: 2px;
text-indent: .5em;
}
#news a {
font-weight:bold;
width:100%;
text-decoration:none;
color:#97BBC3;
}
#news a:hover {
color: #C0BC4B;
text-decoration: none;
}
h3 {
font-size: 105%;
text-indent: .5em;
font-weight: bold;
border-bottom:1px solid #D1E0E4;
}
hr {
width: 90%;
background: #97BBC3;
color: #97BBC3;
border: 1px solid #97BBC3;
}
h4 {
color:#5A8F9B;
font-size:165%;
margin:0px;
margin-top:7px;
border-bottom:1px solid #D1E0E4;
}
#content {
width:80%;
height:100%;
float: right;
text-align:justify;
text-indent: .5em;
margin-right:5px;
}
#copyright {
color:#c3c3c3;
text-align:right;
margin:0;
padding-right:7px;
}
#copyright a {
color:#c3c3c3;
text-decoration:underline;
}
PS the headers in your news section are h3s not h2s ;)

Canon820
03-23-2005, 03:13 AM
That messed it up. heh

_Aerospace_Eng_
03-23-2005, 03:30 AM
oops sorry i failed to test it in FF, okay this css is better but the content div seems to be vertically aligning in FF, you may be able to fix this by putting the menu and news in a div of its own float that left and then float the content div left or right either/or

/* CSS Document */

body {
font-family:Arial, sans-serif;
font-size: 65%;
color:#55737A;
margin:0px;
margin-top:25px;
margin-bottom:25px;
background:#F7FDFF;
width:100%;
}
#container {
width:78%;
margin: 0 auto;
}
#border {
border:1px solid #D1E0E4;
}
#header {
text-transform: uppercase;
font-size:120%;
font-weight: bold;
height:inherit;
width:100%;
}
.one {
color:#5A8F9B;
}
.two {
color:#C0BC4B;
}
.three {
color:#97BBC3;
width:100%;
}
#nav {
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
border-bottom:1px solid #D1E0E4;
background:#EAF5F7;
}
#nav a {
width:60px;
padding:2px 50px 4px 3px;
text-align: center;
font-weight:bold;
width:auto;
text-decoration:none;
color:#97BBC3;
}
#nav a:hover {
color: #C0BC4B;
text-decoration:none;
}
#nav ul {
display: inline;
margin: 0 auto;
padding: 0;
list-style: none;
}
#nav li {
display: inline;
}
#menu {
width:15%;
margin:5px;
float:left;
border:1px solid #D1E0E4;
font-weight:bold;
text-align:center;
background: #fff;
}
h1 {
margin:0px;
}
h2 {
margin:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size: 105%;
padding: 0;
border-bottom:1px solid #D1E0E4;
background:#EAF5F7;
color:#55737A;
}
#menu a {
font-weight:bold;
width:100%;
text-decoration:none;
color:#55737A;
}
#menu a:hover {
color:#55737A;
text-decoration:none;
}
#menu ul {
margin: 0 auto;
display:block;
padding: 0;
list-style: none;
}
#menu li {
display:block;
}
#menu li:hover {
background: #D1E0E4;
}
#news {
width:15%;
float:left;
clear:left;
padding: 0;
margin:10px 5px 0px 5px;
border:1px solid #D1E0E4;
font-weight:bold;
text-align:justify;
background:#fff;
color:#97BBC3;
}
#news p {
padding: 2px;
text-indent: .5em;
}
#news a {
font-weight:bold;
width:100%;
text-decoration:none;
color:#97BBC3;
}
#news a:hover {
color: #C0BC4B;
text-decoration: none;
}
h3 {
font-size: 105%;
text-indent: .5em;
font-weight: bold;
border-bottom:1px solid #D1E0E4;
}
hr {
width: 90%;
background: #97BBC3;
color: #97BBC3;
border: 1px solid #97BBC3;
}
h4 {
color:#5A8F9B;
font-size:165%;
margin:0px;
margin-top:7px;
border-bottom:1px solid #D1E0E4;
}
#content {
width:80%;
float: left;
padding-right:7px;
padding-left:7px;
text-align:justify;
text-indent: .5em;
margin-top:0px;
margin-bottom:auto;
}
#copyright {
color:#c3c3c3;
text-align:right;
margin:0;
padding-right:7px;
clear:both;
}
#copyright a {
color:#c3c3c3;
text-decoration:underline;
}
and once again the news headers are h3 not h2



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum