[HTML] Hilfe zu Design Code

Kysha

http://schwarzeperle.bplaced.net/

Wer kann mir helfen und mir sagen wieso man das main und menu nicht sieh obwohl es im code drin ist !!!

Hier auch der Code

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>index</title>
</head>
<body>
<head>
<img border="0" src="http://schwarzeperle.bplaced.net/HOFKRAMM/2gwi9lu.png " align="center">

<div id="menu.htm" style="position: absolute;left:70; top:5 ;">
<iframe src="http://schwarzeperle.bplaced.net/menu.html" name="menu" width="10" height="20" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</div>
</head


<div id="main.htm" style="position: absolute;left:160; top:6;">
<iframe src="http://schwarzeperle.bplaced.net/main.html" name="main" width="40" height="50" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</div>


<div id="pferde.htm" style="position: absolute;left:160; top:6;">
<iframe src="http://schwarzeperle.bplaced.net/pferde.html" name="main" width="40" height="50" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</div>



</body>
</html>

Kimi.

Hast du die Positionen falsch angegeben ? Weil ich seh da 2 Fenster aber ganz klein oben Links.

Golden Hope

ich sehe es... vll ist es für FF nicht optimiert

Kysha

ich weiß es nicht jetzt geht es aber die Linsseiten öffnen sich nicht in den jeweiligen bereichen ach so is das wenn man eine pause gemacht hat in den bestimmten bereichen

Kysha

also das design geht !!! Auch Main und menu

alerdings beim Menu wenn man da Impressum anklickt , öffnet sich das impressum auf ner neuen seite anstatt im main !!! Hab auch schon target="main" eingegeben aber nichts immer noch auf ner neuen seite

Kysha

hab den code jetzt so

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:

<html>
<head>
<title>Al Arabian Stables</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://schwarzeperle.bplaced.net/HOFKRAMM/2gwi9lu.png
">

<div id="Layer1" style="position: absolute;  left: 23px; top: 226px;">
  <iframe src="http://schwarzeperle.bplaced.net/pferde.html 
" name="frame" width="258" height="409" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer2" style="position: absolute;  left: 311px; top: 140px;">
  <iframe src="http://schwarzeperle.bplaced.net/menu.html
" name="frame2" width="199" height="290" frameborder=0 scrolling="yes" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>

<div id="Layer3" style="position: absolute;  left: 550px; top: 30px;">
  <iframe src="http://schwarzeperle.bplaced.net/main.html
" name="frame3" width="456" height="561" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
  </iframe>
</div>




</body>
</html>

vom design !!! http://schwarzeperle.bplaced.net/

und das ist der vom menu:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>menu</title>


</head>


<body>

<small><small><span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Allgemein</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Startseite</span><br style="font-family: Comic Sans MS;">

<a href="http://schwarzeperle.bplaced.net/HOFKRAMM/Seiten/Impressum.html" target="main"><span style="color: rgb(0, 0, 0);"><span style="font-family: Comic Sans MS;">Impressum</span></span></a><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Bildernachwei&szlig;</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Partner</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Designgalerie</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Gest&uuml;t</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Stallungen</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Anlage</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Konto</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Pferde</span><br style="font-family: Comic Sans MS;">

<a style="color: rgb(0, 0, 0);" href="http://schwarzeperle.bplaced.net/HOFKRAMM/Seiten/hengste.html" target="pferde"><span style="font-family: Comic Sans MS;">Hengste</span></a><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Stuten</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Nachzucht</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Zucht</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Regeln</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Deckplan</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Deckantrag</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Zucht&uuml;bersicht</span><br style="font-family: Comic Sans MS;">

<br style="font-family: Comic Sans MS;">

<span style="text-decoration: underline; font-family: Comic Sans MS; font-weight: bold;">Verkauf</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Regeln</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Verkaufspferde</span><br style="font-family: Comic Sans MS;">

<span style="font-family: Comic Sans MS;">Verkaufte Pferde</span></small></small>
</body>
</html>

und die öffnen sich halt immer auf ne neue seite

Sidney

Naja, du musst als target beim Link den Namen von dem Frame angeben, in dem sich der Link öffnen soll. Da steht bei dir "pferde". deine Frames heißen aber "frame", "frame2" und "frame3"

Kysha

ja richtig aber muss ich nicht die namen der frames angeben also so wie ich sie auh hochlade?

ich versuchs einfach mal

edit: du hattest recht !!!

Tausend dank

Hab aber nen Neues Problem und zwarkann man das Menu nicht so machen das wenn man z.b.:

Allgemein <--anklickt

Impressum <--- das nach dem anklicken von allgemein öffnet
Bildernachweiß <--- das genauso

und wie macht man das muss ich da immer eine neue seite für machen? damit sch das dann dort öffnet oder wie?

Kruemelletto

Ein Klappmenü meinst du?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

<a href="" onclick="d=document.getElementById('l1').style;d.display=d.display=='none'?'':'none';return false">Linktext</a>
<br>
<span id="l1" style="display:none">
Was sich öffnen soll	
</span>
<br>
<a href="" onclick="d=document.getElementById('l2').style;d.display=d.display=='none'?'':'none';return false">Linktext</a>
<br>
<span id="l2" style="display:none">
Was sich öffnen soll	
</span>

usw....

So in etwa?

Sidney

Ich hab dir mal einen rausgesucht

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:


<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro 9">
<title>	</title>
<script type="text/javascript"> 

/*********************************************** 
* Switch Menu script- by Martial B of http://getElementById.com/ 
* Modified by Dynamic Drive for format & NS4/IE4 compatibility 
* Visit http://www.dynamicdrive.com/ for full source code 
***********************************************/ 

if (document.getElementById){ //DynamicDrive.com change 
document.write('<style type="text/css">\n') 
document.write('.submenu{display: none;}\n') 
document.write('</style>\n') 
} 

function SwitchMenu(obj){ 
if(document.getElementById){ 
var el = document.getElementById(obj); 
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change 
if(el.style.display != "block"){ //DynamicDrive.com change 
for (var i=0; i<ar.length; i++){ 
if (ar[i].className=="submenu") //DynamicDrive.com change 
ar[i].style.display = "none"; 
} 
el.style.display = "block"; 
}else{ 
el.style.display = "none"; 
} 
} 
} 

</script> 


</head>
<body>


<div id="masterdiv"> 
<div class="menutitle" onclick="SwitchMenu('sub1')"><b><a href="#">Allgemein</a></b></div> 
<span class="submenu" id="sub1"> 
<a href="deineunterseite.htm" target="main">.Index</a><br>
<a href="deineunterseite.htm" target="main">.Impressum</a><br>
<a href="deineunterseite.htm" target="main">.Disclaimer</a><br>
<a href="deineunterseite.htm" target="main">.Kontakt</a><br> 
</span> 
<div class="menutitle" onclick="SwitchMenu('sub2')"><b><a href="#">Egal</a></b></div> 
<span class="submenu" id="sub2"> 
<a href="deineunterseite.htm" target="main">.bla</a><br>
<a href="deineunterseite.htm" target="main">.blubber</a><br>
<a href="deineunterseite.htm" target="main">.blubb</a><br>
<a href="deineunterseite.htm" target="main">.etc.</a><br> 
</span> 
</div> 

</body>
</html>

Wenn du jetzt weitere Menükategorien (hier jetzt "Allgemein" und "Egal") haben willst, dann kopier einfach das zwischen das letzte </span> und das letzte </div>

code:

1:
2:
3:
4:
5:
6:
7:
8:

<div class="menutitle" onclick="SwitchMenu('sub2')"><b><a href="#">Kategoriename</a></b></div> 
<span class="submenu" id="sub2"> 
<a href="deineunterseite.htm" target="main">.Linkname</a><br>
<a href="deineunterseite.htm" target="main">.Linkname</a><br>
<a href="deineunterseite.htm" target="main">.Linkname</a><br>
<a href="deineunterseite.htm" target="main">.Linkname</a><br> 
</span>

Um das Ganze anzupassen, bitte bei "SwitchMenu('sub2') die Zahl fortlaufen lassen. Also bei der dritten Kategorie 3, bei der vierten 4, etc. Beim span-tag "submenu" auch hier die ID anpassen.
Dann nur noch die Unterseiten und die Linknamen eingeben, fertig.

Sidney

Hey Haalim, es würde mich mal interessieren, ob dir mein Code geholfen hat^^

Kysha

weiß ich noch nicht Augenzwinkern

aber ich habs jetzt anders gemacht auf meine art und weiße und da hats geklappt Augenzwinkern

ich wusst nicht wie und wo ich deinen code einfügen sollte aber danke für dein hilfeversuch

Sidney

Naja, der obere Code wäre die Menu.html gewesen (oder wie du sie genannt hast)

Forensoftware: Burning Board, entwickelt von WoltLab GmbH