[Løst] Del av index fil i iframe HTML

skidd · 15. september 2014

Hei.

jeg er ny på HTML og CSS, jeg har da laget en meny der man trykker på et menyvalg og da åpner det seg i Iframe, helt genialt, men jeg sitter litt fast i "Hjem" knappen, for den er knytt til index filen, hvordan får jeg f.eks. en liten tekstbit fra indexfilen inn i den iframe delen?

her er koden til index

<html>

<head>

<title>Tittel på hjemmeside</title>

</head>

<body>

</div>

<ul>

<a style="cursor: pointer;">Menyvalg nr2</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr2.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li><li>

<a style="cursor: pointer;">Menyvalg nr3</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr3.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li><li>

<a style="cursor: pointer;">Menyvalg nr4</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr4.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li><li>

<a style="cursor: pointer;">Menyvalg nr5</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr5.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li>

</ul>

</div>

<p>

<br>

</div>

</Div>

</body>

</html>

Her er CSS

body {

text-align: center;

}

#wrapper {

width= 1000px;

margin: 25px 450px;

}

#Header {

width: 100%;

height: 98px;

background-color: #222;

}

#menu ul {

list-style-type: none;

padding: 0;

margin: 0;

position: relative;

background-color: #222;

text-align: left;

}

#menu ul li {

display: inline-block;

}

#menu ul li:hover {

background-color: #474747;

}

#menu ul li a,visited {

color: #CCC;

display: block;

padding: 15px;

text-decoration: none;

}

#menu ul li a,hover {

color: #ccc;

text-decoration: none;

}

#menu ul li:hover ul {

display: block;

}

#menu ul ul {

display: none;

position: absolute;

background-color: #474747;

border: 5px solid #222;

border-top: 0;

;

}

#menu ul ul li {

display: block;

}

#menu ul ul li a,visited {

color: #ccc;

}

#menu ul ul li a:hover {

color: #899;

}

#Footer {

width: 100%;

height: 25px;

background-color: #ffffff;

}

skidd · 15. september 2014

Fant løsningen selv, skriver den inn i tilfelle noen andre trenger den. løsningen er markert med rødt.

<html>

<head>

<title>Tittel på hjemmeside</title>

</head>

<body>

</div>

<ul>

<a style="cursor: pointer;">Menyvalg nr2</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr2.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li><li>

<a style="cursor: pointer;">Menyvalg nr3</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr3.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li><li>

<a style="cursor: pointer;">Menyvalg nr4</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr4.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li><li>

<a style="cursor: pointer;">Menyvalg nr5</a>

<ul>

<li><a href="brukerveiledning_Menyvalg nr5.html" target="iframe_1">Brukerveiledninger</a></li>

</ul>

</li>

</ul>

</div>

<p>

<br>

</div>

</Div>

</body>

</html>

lombriz · 25. oktober 2014

Tip: Kast iframes rett ut vinduet.

Ikke fordi det er motbydelig og plagsomt for sluttbruker, men fordi dette er slik man gjorde i 1994-1998-ish..

php includes, js, xml etc er en bedre løsning

Logg inn

[Løst] Del av index fil i iframe HTML

Anbefalte innlegg

skidd

Lenke til kommentar

Videoannonse

skidd

Lenke til kommentar

lombriz

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer