servus ersteinmal,
ich habe gerade mittels html und css eine navigation einer internetseite aufgebaut und habe noch ein problem bei der ansteuerung da ich mit zwei iframes arbeite.
die struktur der seite sieht folgendermaßen aus.
auf der hauptseite gibt es einen head div-tag in dem ein header als hg bild eingefügt ist und eine navigation die nur aus verlinktem wörtern besteht.
darunter gibt es einen zweiten div tag in dem ein iframe eingebaut ist nennen wir ihn MAIN.
Wenn ich nun in der navigation oben die links 2 bis 8 anklicke lasse ich schlichte html seiten in denen nur text ist in den iframe MAIN laden. Funktioniert wunderbar.
Wenn ich aber auf den link 1 klicke lade ich eine html seite in der auf der linken seite untereinander links angeordnet sind in einem div tag und rechts daneben in einem div tag ein iframe eingebaut ist der GALERIE heißt.
funktioniert bis dahin auch.
wenn ich nun aber die links aus der vertikalen navigationsleiste normale html seiten die nur mit text oder bildern gefüllt sind in den zweiten iframe (GALERIE) verlinken möchte dann passiert nichts bzw er zeigt die seiten überhaupt nicht an.
Wie kann ich also aus einem iframe heraus einen untergeordneten iframe ansprechen wenn nicht mit normalen befehlen bzw. namen ansprechen.
ich hab hier mal den quelltext:
die main seite index.html:
luxury sofa
<!–
body {
background-color: #000;
}
.header {
text-align: center;
background-image: url(pics/hg_head.png);
background-repeat: no-repeat;
background-position: center;
color: #FFF;
width: 800px;
height: 210px;
margin: auto;
}
.main_div {
width: 800px;
margin: auto;
margin-top: 20px;
}
.space {
width: 50px;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
.header_button {
color: #3FC2F8;
width: 100px;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-top: 190px;
}
a:link {
color: #45B4DF;
text-decoration: none;
}
a:visited {
color: #45B4DF;
text-decoration: none;
}
a:hover {
color: #2E7498;
text-decoration: none;
}
a:active {
color: #FFF;
text-decoration: none;
}
–>
Kollektionen
.
Home
Unternehmen
Qualität
Service
Bestellung
Kontakt
.
und hier der quelltext von einer der unterseite mit dem 2. iframe drin (es geht um die Funktion der „Modell“-Buttons:
thema1
<!–
body {
background-color: #000;
}
.navigation {
color: #3FC2F8;
width: 120px;
height: 350px;
float: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
list-style-position: inside;
}
.kollektionen_main {
float: left;
width: 680px;
color: #2B9EDF;
}
a:link {
color: #45B4DF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #45B4DF;
}
a:hover {
text-decoration: none;
color: #13556F;
}
a:active {
text-decoration: none;
}
–>
