Trenger hjelp til å endre bredde på nettside! + problem med linker

13375k1133z · 11. oktober 2009

Holder på å lage nettside for noen folk.

jeg fikk stor frihet til å lage nettsiden,jeg havnet på å midtstille den,desverre var ikke de som skulle ha nettsiden helt fornøyd med det og skulle ønske at content var litt større. desverre finner jeg ingen god løsning til å fikse dette på,da nettsiden er todelt.

Så håper å få litt hjelp med dette problemet her!

index.htm:

<!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></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#container #right_column #menucolumn .menu_list ul li table tr td table tr .white {
color: #FFF;
}
#container #right_column #menucolumn .menu_list table tr td table tr td table tr .white {
color: #FFF;
}
#container #right_column #menucolumn .menu_list table tr td table tr .white {
color: #FFF;
}

</style>
</head>

<body>
<div id="container">
 <div id="left_column">

<div id="hotzone_logo">
<img src="images/logotype.png" width="191" height="55" alt="Registrer" longdesc="#" /></div>

<div id="header"></div>
<div id="left_content">
  <h1>WELCOME<br />
  <span>FREE COOKING WEBSITE LAYOUT</span><br />
  <br />
  </h1>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est.</p>
  <p> </p>
<div class="service">ABOUT OUR SERVICES</div>
  <p>Cras sed leo tempor neque placerat pretium. Curabitur nec odio. Phasellus tincidunt, tortor lacinia blandit commodo, nunc augue mattis eros, ut convallis est augue vel orci. Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa. Phasellus ligula augue, vestibulum in, cursus non, euismod et, pede.	</p>
  <div class="about_us">WHO WE ARE</div>
  <p>Aliquam tristique lacus in sapien. Suspendisse potenti. Ut sed pede.  Nullam vitae tellus. Sed ultrices. Lorem ipsum dolor sit amet,  consectetuer adipiscing elit. Curabitur velit tellus, placerat et,  dapibus varius, aliquet quis, purus. Aliquam sagittis molestie sapien.  Nulla tellus risus, tincidunt vitae, sagittis vel, interdum at, erat.  Duis vitae velit. Ut ultricies. Fusce sollicitudin nisl a lectus.</p>
</div>
 </div>
 <div id="right_column">
<div class="domain"></div>
<div id="menucolumn">
  <div class="menu_list">
	<table width="272" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td height="14"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
	  </tr>
	  <tr>
		<td height="20"><table width="272" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="16"> </td>
			<td width="45" class="white">I am a:</td>
			<td width="80" valign="top"><select name="select8" style="height:20px; width:77px; font-family: Tahoma; font-size:11px">
			  <option>Woman</option>
			</select></td>
			<td width="57" class="white">Seeking:</td>
			<td width="74" valign="top"><select name="select8" style="height:20px; width:55px; font-family: Tahoma; font-size:11px">
			  <option>Man</option>
			</select></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td height="12"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
	  </tr>
	  <tr>
		<td><table width="272" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="15"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
			<td width="77" class="white">Looking for:</td>
			<td width="180" valign="top"><select name="select8" style="height:20px; width:160px; font-family: Tahoma; font-size:11px">
			  <option>a date</option>
			</select></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td height="13"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
	  </tr>
	  <tr>
		<td><table width="272" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="15"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
			<td width="77" class="white">I was born:</td>
			<td width="180" valign="top"><table width="180" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="61" valign="top"><select name="select8" style="height:20px; width:59px; font-family: Tahoma; font-size:11px">
				  <option>month</option>
				</select></td>
				<td width="47" valign="top"><select name="select8" style="height:20px; width:45px; font-family: Tahoma; font-size:11px">
				  <option>day</option>
				</select></td>
				<td width="72" valign="top"><select name="select8" style="height:20px; width:51px; font-family: Tahoma; font-size:11px">
				  <option>year</option>
				</select></td>
			  </tr>
			</table></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td height="13"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
	  </tr>
	  <tr>
		<td><table width="272" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="15"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
			<td width="77" class="white">By ID Profile:</td>
			<td width="180" valign="top"><input name="text3" type="text" style="height:20px; width:160px; font-family: Tahoma; font-size:11px" /></td>
		  </tr>
		</table></td>
	  </tr>
	  <tr>
		<td height="13"><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
	  </tr>
	  <tr>
		<td><table width="171" border="0" cellspacing="0" cellpadding="0">
		  <tr>
			<td width="171" valign="top"><table width="171" border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<td width="18"> </td>
				<td width="72" class="white">With photo</td>
				<td width="81"><input name="radiobutton" type="radio" value="radiobutton" /></td>
			  </tr>
			</table></td>
		  </tr>
		</table></td>
	  </tr>
	</table>
	<ul>
	  <li></li>
	  <li></li>
	  <li></li>
	  <li></li>
	</ul>
  </div>

</div>
<div id="right_content">
  <h2>Bruker:<br />
	<input name="username2" value="username" type="text" onfocus="clearText(this)" onblur="clearText(this)" class="textfield"/>
	<br />
	<br />
	Passord:<br />
	<input name="password2" value="password" type="password" onfocus="clearText(this)" onblur="clearText(this)" class="textfield"/>
	<br />
	<br />
	Registrer   
	<input class="button" type="submit" name="Submit" value="Login" />
	<br />
  </h2>
<h2>Siste medlemmer</h2>

	<div class="siste_medlemmer"><span style="background-repeat:no-repeat;background-position:bottom"><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><a href="#"></a><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a></span><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><a href="#"><img src="images/thumb1.jpg" alt="Book Binder" border="0" /></a><br />
	</div>

	<p> </p>
	<p><strong>Cooking Show (24-12-2020</strong>)<br />
  Fusce sollicitudin nisl a lectus. Pell<br />
  entesque odio. Pellentesque  ha<br />
  bitant morbi tristique senectus <br />
  </p>
  <p><a href="http://validator.w3.org/check?uri=referer"><img height="31" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a><a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" vspace="8" border="0" /></a></p>
</div>
 </div>
 <div id="footer"><a href="#">Hjem</a> | <a href="#">om oss</a> | <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a><br />
 Copyright © Your Company Name </div>
</div>
</body>
</html>

style:

body{
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4em;
color: #444444;
background: url(images/templatemo_body_bg.jpg) repeat;
}
a:link, a:visited { color: #720803; text-decoration: none; font-weight: bold;} 
a:active, a:hover { color: #720803; text-decoration: none; font-weight: bold; }

h1 {
margin:0px;
font-weight: bold;
font-size: 22px;
color:#518b10;
}
h1 span {
font-size: 14px;
color: #666666;
line-height: 1.6em;
}
h2 {
font-weight: bold;
margin-bottom: 0px;
font-size: 14px;
color:#427707;
padding-top: 20px;
}

#container {
margin: auto;
width: 770px;
background: url(images/container_bg.jpg) repeat-y;
}

#left_column {
float: left;
width: 483px;
}
#hotzone_logo {
float: left;
padding-top: 20px;
padding-left: 30px;
height: 55px;
font-size: 24px;
font-weight: bold;
line-height: 1.6em;
}
#hotzone_logo span {
color: #666666;
}
#header {
float: left;
clear: left;
width: 483px;
height: 191px;
background: url(images/header.jpg) no-repeat;
}
#templatemo_header_slogan {
width: 483px;
float: left;
margin-top: 162px;
color: #000;
font-weight: bold;
text-align: center;
}
#left_content {
float: left;
margin: 30px 30px 30px 30px;
padding-left: 10px;
padding-bottom: 10px;
width: 413px;
text-align: justify;
}
.service {
font-weight: bold;
font-size: 14px;
color:#427707;
height: 31px;
padding-top: 20px;
padding-left: 55px;
background: url(images/templatemo_photo1.jpg) no-repeat;
}
.about_us {
font-weight: bold;
font-size: 14px;
color:#427707;
height: 30px;
padding-top: 20px;
padding-left: 70px;
background: url(images/templatemo_photo2.jpg) no-repeat;
}
#right_column {
float: right;
width: 287px;
}
.domain {
float: left;
width: 267px;
padding-top: 55px;
padding-left: 20px;
background: #FFFFFF;
color:#006633;
height: 20px;
}
#menucolumn {
float: left;
background: #3a3f3a;
height: 189px;
width: 287px;
border-bottom: solid 1px #547d16;
border-top: solid 2px #547d16;
}
.menu_list {
float: left;
width: 230px;
padding-left: 0.5px;
}
.menu_list ul {
list-style-type: none;
margin: 10px;
padding: 0;
width: 213px;
}
.menu_list li a {
display: block;
height: 24px;
padding-top: 4px;
color: #edf1e8;
padding-left: 50px;
background: url(images/templatemo_menu_button.jpg);
}
.menu_list li a:hover, .menu_list li .current {
background: url(images/templatemo_menu_hover.jpg);
}
#right_content {
float: left;
width: 250px;
padding-left: 27px;
padding-bottom: 20px;
text-align: justify;
}
#right_content ul {
list-style-type: disc;
}
#right_content a{
font-weight: normal;
color: #333333;
text-decoration: underline;
line-height: 20px;
}
#right_content a:hover {
text-decoration: underline;
}
#templatemo_contact {
width: 225px;
padding-left: 30px;
padding-top: 10px;
height: 93px;
float: left;
color: #fff;	
border-top: solid 3px #FFFFFF;
background: url(images/templatemo_contact_bg.jpg) repeat-x;
}
#templatemo_contact img {
float: right;
}

.templatemo_special {
float: left;
width: 180px;
}

#footer {
clear: both;
width: 770px;
height: 32px;
padding-top: 20px;
text-align: center;
background: #545e54;
font-weight: bold;
color: #FFFFFF;
}
#footer a {
color: #FFFFFF;
}

Ellers ønsker jeg en link til på nettsiden under headeren, denne skal gå horisontal tvers over content på nettsiden.

koden jeg skal bruke er:

css:

#menu_panel{
overflow: hidden;	
width: 710px;
height: 40px;
padding: 0 30px;
background: #333333;
}

#menu_panel ul {
float: left;
width: 930px;
margin: 0;
padding: 5px 0 0 0;
list-style: none;
}

#menu_panel ul li{
display: inline;
}

#menu_panel ul li a{
float: left;
width: 110px;
padding: 5px 0;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #ebbce5;
border-left: 1px solid #5f3b11;	
}

#menu_panel li a:hover, #templatemo_menu_panel li .current{
color: #ffffff;
}

html:

<div id="menu_panel">
	<ul>
		<li><a href="#" class="current">#</a></li>
		<li><a href="#">#</a></li>
		<li><a href="#">#</a></li>
		<li><a href="#">#</a></li>  
		<li><a href="#">#</a></li> 
		<li><a href="#">#</a></li>					 
	</ul> 
</div>

er ikke så ekstremt flink å lage nettsider,man lærer så lenge man lever.

Takker for all hjelp!

Endret 11. oktober 2009 av 13375k1133z

13375k1133z · 11. oktober 2009

trenger spesielt hjelp medmenyen! Noen som kan hjelpe?

Endret 11. oktober 2009 av 13375k1133z

13375k1133z · 12. oktober 2009

NEttsiden kan sees her: http://home.no/spelley/

Kris · 12. oktober 2009

Du bør endre

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

For nå funker ikke æøå

Logg inn

Trenger hjelp til å endre bredde på nettside! + problem med linker

Anbefalte innlegg

13375k1133z

Lenke til kommentar

Videoannonse

13375k1133z

Lenke til kommentar

13375k1133z

Lenke til kommentar

Kris

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Overrasket? Nei, det er FrP på gang igjen 1 2 3 4 10

Hvem er aktive 0 medlemmer