Computer Forums

Member Login

Remember Me? Sign Up! | Forgot Password
 
Slogan
 
Closed Thread
Old 05-11-2006, 04:13 PM   #1 (permalink)
 
Mr Beans Sidekick

Join Date: Apr 2006

Location: Canada

Posts: 563

Max Power is on a distinguished road

Send a message via MSN to Max Power
Default Help with HTML/CSS

This is my site so far.

http://www.freewebs.com/foostaple/index.html

Now I need the "menuimage" underneath the "menu" and the "frame" to the right of the menu/menuimage. You can imagine how its suppose to look.

thanks

Code:
CSS
html, body {
	background-color: #0b2137;
	margin:0;
	padding:0;
	border:0;
	color:#FFF;
}
#container {
        width: 580px;
	margin:auto;
        padding-top: 5px;
}
#menu {
           border: 1px solid #55595d; 
           border-top: 0px;
	   width: 125px;                   
           background: #55595d;
           border-bottom: 0px;
           border-right: 0px;
           float:left;
}

#menu ul {
	   padding: 0;
	   margin: 0;
	   list-style-type: none;              
}

#menu ul li {
	  	float:left;
                padding-bottom: 1px;
}

#menu li a {
		background: #092846;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
		width:122px; /*122px + 3px left padding = 125px*/
		text-decoration:none;
		color:#fff;
		padding:2px 0 2px 3px;
		display: block;
}

#menu li a:hover {
		background: #0b3359;
		color:#FFF;
		font-weight: bold;
}

#menu li.header {
		background: #19446e;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
                color: #fff;
		width:122px;
		padding:2px 0px 2px 3px;
		text-align: center;
                border-bottom: 1px;
}

#frame {
	height: 602px;
	width:453px;
	padding:7px;
	background: #092846;
	border: 1px solid #55595d;
        float:right;

}
#frame iframe {
        width: 449px;
        height: 590px;
	border: 1px solid #55595d;     
}

#header {
	border: 1px solid #55595d;
        width: 593px;
        height:129px ;
}

Max Power is offline  
Old 05-11-2006, 05:17 PM   #2 (permalink)
office politics's Avatar
 
It's all just 1s and 0s

Join Date: Jan 2004

Location: in the lab

Posts: 4,410

office politics will become famous soon enough

Default

create a table to put them side by side. one row, two columns. col1 = div/menu, col2 = iframe
office politics is offline  
Old 05-11-2006, 05:31 PM   #3 (permalink)
 
Mr Beans Sidekick

Join Date: Apr 2006

Location: Canada

Posts: 563

Max Power is on a distinguished road

Send a message via MSN to Max Power
Default

Thats what I did before but i was told to stay away from tables. because ther not ment to construct layouts
__________________
Max Power is offline  
Old 06-16-2006, 03:13 PM   #4 (permalink)
 
Junior Techie

Join Date: Oct 2005

Posts: 75

darkninja

Default

I still use tables to construct layouts, this website uses tables too I think, its much easier I reckon
__________________
<a href="http://www.flashyflashy.net" target="_blank">flashyflashy.net</a>
darkninja is offline  
 
Closed Thread

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On