Gå til innhold

Feil i Opera: Uønsket mellomrom mellom linker!

McStroke

Anbefalte innlegg

McStroke

McStroke

Skrevet
Skrevet (endret)

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 av McStroke
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
TroubleDouble

TroubleDouble

Skrevet
Skrevet
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!

Lenke til kommentar
McStroke

McStroke

Skrevet
  • Forfatter
Skrevet

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!

post-192523-1243697637_thumb.png

post-192523-1243697644_thumb.png

post-192523-1243697649_thumb.png

Lenke til kommentar

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...