Gå til innhold

[LØST]Trenger hjelp til plassering av div

Richard87

Av Richard87
i Programmering og webutvikling

Anbefalte innlegg

Richard87

Richard87

Skrevet
Skrevet (endret)

Hei, jeg trenger litt hjelp til plassering av 'innholds' div, ved position absolute, kommer innholdet på toppen, ved relative, blir det plassert under et annet div som er hidden etc...

 

her er hele siden:

 

Klikk for å se/fjerne innholdet nedenfor

<!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>Test.no</title>
<script type="text/javascript">
<!-- 
var aktivtInnhold = "Hjem";

function visInnhold(hva) {
aktiv = document.getElementById(aktivtInnhold);
aktiv.style.visibility = "hidden";

aktivtInnhold = hva;
aktiv = document.getElementById(aktivtInnhold);
aktiv.style.visibility = "visible";

}
-->
</script>
<style type="text/css">
<!--
h1 {
margin-top: 10px;
}
h1 img {
height: 242px;
width: 752px;
}
.innhold {
position: relative;
visibility: hidden;
left: 0px;
right: 0px;
margin-top: 10px;
}
#site {
margin-left:-377px;
text-align:center;
position:absolute;
width:752px;
height:500px;
background-color: #FFFFFF;
overflow: hidden;
left: 50%;

font-family:Geneva, Arial, Helvetica, sans-serif;
}

# menu {
margin: 0pt auto;
}
#menu ul{
display: inline;
list-style-type: none;
width: 24em;
}
#menu ul li{
display: inline;
}
#menu ul li a {
text-decoration:underline;
cursor: pointer;
padding-left: 15px;

}
#menu ul li a:firstchild {
padding-left: 0px;
}
#menu ul li a:hover {
font-weight:bold;	
}
-->
</style>
</head>

<body>
<div id="site">
<h1><img src="Logo.png" alt="Bogafjell Solsenter" /></h1>
   <div id="menu">

        <ul>
           <li><a href="javascript:visInnhold('Hjem')">Hjem</a></li>
           <li><a href="javascript:visInnhold('OmOss')">Om Oss</a></li>
           <li><a href="javascript:visInnhold('Kart')">Kart</a></li>
           <li><a href="javascript:visInnhold('Kontakt')">Kontakt</a></li>
       </ul>
   </div>

   <div id="content">
   	<div id="Hjem" class="innhold">
       	hallo
       </div>
   	<div id="OmOss" class="innhold">
       	test
       </div>
   	<div id="Kart" class="innhold"></div>
   	<div id="Kontakt" class="innhold"></div>
   </div>

</div>
</body>
</html>

 

noen som har en ide om hvordan jeg kan få inholds klassen til og hanve på samme linje under menyen _hver_ gang?

 

Takker for all hjelp:D

 

PS. Komentarer angående kode og design tas hjertelig imot;)

 

[EDIT]

Fikset te på ca samme måte som jeg midstilte siden på, margin-left = site / 2, og satt posisjonen i forhold til bånnen på siden istedenfor toppen:D

Endret av Richard87
Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...