Gå til innhold

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


Anbefalte innlegg

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>
<link rel="stylesheet" type"text/css" href="style.css" />
<title>Tittel på hjemmeside</title>
</head>
<body>
<Div id="wrapper">
<div id="Header">
<img src="Logo.jpg" width="100%">
</div>
<div id="menu">
<ul>
<li><a href="Index.html">Hjem</a></li><li>
<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>
<iframe name="iframe_1" height="700px" width="100%"></iframe>
<br>
<br>
<br>
<div id="Footer">
<p>Copyright © Tittel</p>
</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;
}

 

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


<html>


<head>

<link rel="stylesheet" type"text/css" href="style.css" />

<title>Tittel på hjemmeside</title>

</head>


<body>

<Div id="wrapper">

<div id="Header">

<img src="Logo.jpg" width="100%">

</div>

<div id="menu">

<ul>

<li><a href="Index.html">Hjem</a></li><li>

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

<iframe name="iframe_1" height="700px" width="100%" src="info.html"></iframe>

<br>

<br>

<br>

<div id="Footer">

<p>Copyright © Tittel</p>

</div>

</Div>


</body>

</html>

Lenke til kommentar
  • 1 måned senere...

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...