html{
margin: 0;
padding: 0;
}
body{
margin: 0 auto;
background: white url(bgspace2.jpg) no-repeat fixed;
}
#mainframe{
margin: 0 auto;
width:980px;
font-family:tahoma, verdana, sans-serif;
font-weight:500;
}
#maincontent{
margin: 5px 0 0 0;
width: 777px;
height: 700px;
background-color: rgb(255,255,255);
border: 1px solid black;
padding: 7px;
float:right;
}
#header{
margin: 0 auto;
margin-bottom: 2px;
width:980px;
height:180px;
border: 1px solid black;
background-image: url(Gramas-header.jpg);
}
/* Egenskaper för menyns länkar */
#menu a:link,#menu a:visited{
display:inline-block;
font-weight:bold;
color:#FFFFFF;
background-color:rgb(112,63,184);
width:100px;
height:32px;
text-align:center;
padding:4px;
text-decoration:none;
border-right: 1px solid black;
}
/* Egenskaper för menyns länkar när musen är över */
#menu a:hover,#menu a:active{
font-weight:bold;
color:#FFFFFF;
background-color:rgb(107,33,175);
width:100px;
height:32px;
text-align:center;
padding:4px;
text-decoration:none;
border-right: 1px inset black;
}
/* Egenskaper för själva menyn */
#menu{
width:980px;
height:40px;
margin: 0 auto;
border-top: 0;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
background: black url(menubar.jpg) repeat-x;
}
/* Länkar normal/visited*/
.side_me_left a:link,.side_me_left a:visited{
display:block;
color: #404040;
font-family: tahoma, verdana, sans-serif;
font-weight:500;
font-size:18px;
text-decoration:none;
padding-left:3px;
}
/* Länkar hover och active */
.side_me_left a:hover,.side_me_left a:active{
display:block;
color: #404040;
font-family: tahoma, verdana, sans-serif;
font-weight:500;
font-size:18px;
text-decoration:none;
width:170px;
height:22px;
padding-left:3px;
background-color:rgb(204,204,204);
}
/* Sidomenyn */
#side_menu_left{
margin: 6px 0 0 0;
width:170px;
height: 700px;
background-color: #FFFFFF;
float:left;
padding:7px;
border-right:1px outset black;
}
h2.side_m_left{
color:rgb(112,83,164);
font-family: tahoma, verdana, sans-serif;
font-weight: 700;
font-size: 20px;
padding-left:3px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hemsida</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="mainframe"> <div id="header"></div> <div id="menu"> <a href="http://www.youtube.com">Youtube</a><a href="http://www.facebook.com">Facebook</a><a href="http://www.google.com">Google</a> </div> <div id="maincontent">Text <p> <a href="sida2.html">Sida 2</a> </div> <div id="side_menu_left"> <h2 class="side_m_left">Text</h2> <div class="side_me_left"> <a href="#">Länk 1</a> <a href="#">Länk 2</a></div> </div> </div> </body> </html>
<html> <head> </head> <body> <h1>Text</h1> </body> </html>
Det ska väl gå bra antar jag. Men det som är lite förvirrande är adressen, t.ex om jag går in på www.webforum.nu/
n till det, du kan testa så ser du. La in den i en mapp som heter bilder och länkade så att den går till bilder och sen bilder.html
Comment