Feil i Opera: Uønsket mellomrom mellom linker!

McStroke · 28. mai 2009

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?

Endret 28. mai 2009 av McStroke

TroubleDouble · 30. mai 2009

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?

Sleng på ett screenshot så vi slipper å installere Opera!

McStroke · 30. mai 2009

Første bilde er hvordan siden ser ut i utgangspunktet.

Andre bilde viser siden etter at en tab er åpnet.

Tredje bilde viser hvordan siden ser ut etter taben er lukket igjen, og det er det som er selve problemet!

Logg inn

Feil i Opera: Uønsket mellomrom mellom linker!

Anbefalte innlegg

McStroke

Lenke til kommentar

Videoannonse

TroubleDouble

Lenke til kommentar

McStroke

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer