Gå til innhold

McStroke

Medlemmer
 Vis profil  Se deres aktivitet

  • Innlegg

    31

  • Ble med

  • Besøkte siden sist

 Innholdstype 

Innlegg skrevet av McStroke

  10. Feil i Opera: Uønsket mellomrom mellom linker!

    i Programmering og webutvikling

    Skrevet · Endret av McStroke

    http://bracket.navhost.com/

     

    // Siden må åpnes i Opera for at feilen skal synes

     

    Når man åpner siden ser emnene/linkene riktig ut i forhold til hverandre. Hvis man klikker på et emne/link kommer nye linker fram, om man klikker på emne/linken en gang til forsvinner de nye linkene, men et mellorom oppstår mellom emne/linken og emne/linken nedfor.

     

    HTML:

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no" lang="no">

<head>
<title>STARTSIDE!</title>

<link rel="stylesheet" type="text/css" href="http://bracket.navhost.com/bais.css" />

<script type="text/javascript">
	function showHide(obj) {
  	var div = document.getElementById(obj);
  if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
  }
	}
</script>
</head>

<body>

<div id="container">

<h1>STARTS!DE</h1>

<div id="title"><a href="#" onclick="showHide('hide'); return false;"><p>FORUM</p></a></div>
<div id="hide" style="display: none;">
<a href="url"><div id="image"><p class="linker">DISKUSJON</p></div></a>
<a href="url"><div id="image"><p class="linker">TROMMEFORUM</p></div></a>
</div>
<div id="title"><a href="#" onclick="showHide('hide1'); return false;"><p>MUSIKK & TROMMING</p></a></div>
<div id="hide1" style="display: none;">	
<a href="url"><div id="image"><p class="linker">TROMMEPORTALEN</p></div></a>
<a href="url"><div id="image"><p class="linker">DRUMMERWOLRD</p></div></a>
<a href="url"><div id="image"><p class="linker">MYSPACE</p></div></a>
<a href="url"><div id="image"><p class="linker">URORT</p></div></a>
</div>
<div id="title"><a href="#" onclick="showHide('hide2'); return false;"><p>SOSIALE NETTVERK</p></a></div>
<div id="hide2" style="display: none;">	
<a href="url"><div id="image"><p class="linker">FACEBOOK</p></div></a>
<a href="url"><div id="image"><p class="linker">MYSPACE</p></div></a>
</div>
<div id="title"><a href="#" onclick="showHide('hide3'); return false;"><p>ANDRE SIDER</p></a></div>
<div id="hide3" style="display: none;">	
<a href="url"><div id="image"><p class="linker">TEK</p></div></a>
<a href="url"><div id="image"><p class="linker"></p></div></a>
<a href="url"><div id="image"><p class="linker">AVISAVIS</p></div></a>
</div>
</div>

</body>
</html>

     

     

    CSS

     

    body {
background-color: #FFFFFF; 
}

#container  {
width: 302px;
margin: auto;
padding: 0px;
}

#hide, #hide1, #hide2, #hide3  {
width: 302px;
}

#title  {
width: 302px;
height: 33px;
background-image: url('bilde.png');
}

#image  {
width: 302px;
height: 33px;
background-image: url('bilde1.png');
}

h1 {	
font: 16px "News Gothic MT";
text-align: center;
color: #83877f;
}

p {	
padding: 8px;
font: 14px "News Gothic MT";
letter-spacing: 5px;
color: #FFFFFF;
}

p.linker {	
padding: 8px;
font: 14px "News Gothic MT";
letter-spacing: 5px;
text-decoration:none;
color: #83877f;
}

a:link, a:visited, a:active, a:hover {
color: #83877f;
font: 14px "News Gothic MT";
text-decoration:none;
}

     

    Noen som ser en løsning?

  21. Snedige ting du lurer på V.2

    i Annen teknologi og vitenskap

    Skrevet · Endret av McStroke

    Da har jeg et spørsmål...

    Hvordan kan verdens tørreste boller, som har ligget i en uke, bli så utrolig saftige etter en tur i micro'en?

    Microen kan jo umulig tilføre fuktighet. Så hva gjør den med bakverket?

    Pizza har en tendens til å bli unødvendig fuktig og slapp etter den har vært i microen :p

    Men det kommer vell av pizzasausen og/eller osten.

×
×
  • Opprett ny...