Gå til innhold

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

skidd

Av skidd
i Programmering og webutvikling

Anbefalte innlegg

skidd

skidd

Skrevet
Skrevet

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

Videoannonse
Annonse
skidd

skidd

Skrevet
  • Forfatter
Skrevet
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å
Gå til emneliste
×
×
  • Opprett ny...