Du bist nicht angemeldet. [Anmelden]
Übersicht der Foren        Kalender     Hilfe   Forumsknigge
Knuddels.de-Forum » Das Forum » Archive » Hilfe & Fragen zur Knuddels-HP »

Navigation für ein Layout
Seite 1 von 2 1 2 > alle
Optionen
Thema bewerten
Navigation für ein Layout - #1528408 - 16.07.2008, 10:55:31
Bichon2005
Nicht registriert


Ich habe auch mal eine Frage. Ich verstehe zwar wie man ein Layout codet, aber ich weiß nicht bei der Navigation, wie ich das anklicken kann und dann in der großen Box lesen kann, hier mal ein Beispiel

[img]http://i38.tinypic.com/2lsxn5w.png[/img]
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1528410 - 16.07.2008, 10:58:02
marvin 147

Registriert: 22.05.2005
Beiträge: 2.188
Ort: Deutschland > NRW


Hallo.

Das ganze könntest Du mit Ankern machen. Siehe dazu:

http://www.chathomepage.de/anker.html
_________________________
"Misserfolg ist lediglich eine Gelegenheit, mit neuen Ansichten noch einmal anzufangen."
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: marvin 147] - #1528411 - 16.07.2008, 10:59:27
chrixix

Registriert: 25.10.2005
Beiträge: 12.620
Ich glaube er meint nicht das Springen auf einen bestimmten Punkt auf der Homepage, sondern das Erscheinen verschiedener Texte in EINER Box nach dem Klicken auf die verschiedenen Buttons/Links.

Richtig?
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: chrixix] - #1528415 - 16.07.2008, 11:03:15
Bichon2005
Nicht registriert


Zitat:
Ich glaube er meint nicht das Springen auf einen bestimmten Punkt auf der Homepage, sondern das Erscheinen verschiedener Texte in EINER Box nach dem Klicken auf die verschiedenen Buttons/Links.

Richtig?


Richtig :) Das verstehe ich nicht
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1528423 - 16.07.2008, 11:17:58
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Du schreibst unten in dem zweiten Kästchen alle Texte in jeweils einen Div-Container mit einzigartiger ID und dem Style display: none;. Dann legst du mit Hilfes eines OnClick Events im <a> -Tag jedes links fest, bei welcher Box der display auf block gesetzt werden soll. - Fertig.
_________________________
Das Lesen ist eine Tugend!
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: theblackdevil909851] - #1528426 - 16.07.2008, 11:20:54
Bichon2005
Nicht registriert


Versteh ich nicht, srü
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1528429 - 16.07.2008, 11:24:36
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Hier mal ein kleines Beispiel:

<a href="#" title="" onclick="document.getElementById('firstBox').style.display='block';">Erste Box</a>


<div id="firstBox" style="display: none;">Der Text erscheint nur, wenn man oben auf den Link klickt.</div>


Sauberer wäre das natürlich in einer eigenes angelegten JS-Funktion und in einer ausgelagerten JS-Datei.
_________________________
Das Lesen ist eine Tugend!
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: theblackdevil909851] - #1528430 - 16.07.2008, 11:30:15
Bichon2005
Nicht registriert


Ah okay, aber irgendiwe bekomme ich das nur so hin das ich ein Kasten kriege so ich zeig euch das mal:
Code:
 &lt;TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="500" height="350" BACKGROUND="http://i35.tinypic.com/fkvghs.png"&gt;
&lt;TR height="160"&gt;
&lt;TD width="20"&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;/TD&gt;
&lt;TD width="10"&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;DIV style="width:245; height:150; overflow: auto; 
scrollbar-face-color: #F9BEDE;
scrollbar-highlight-color:#C080A2;
scrollbar-shadow-color: #C080A2;
scrollbar-3dlight-color: #C080A2;
scrollbar-arrow-color: #F9BEDE;
scrollbar-track-color: #C080A2;
scrollbar-darkshadow-color: #C080A2;
scrollbar-base-color: #C080A2;"&gt;
HalliHallo&lt;BR&gt;
&lt;/DIV&gt;
&lt;/TD&gt;
&lt;TD&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD&gt;&lt;/TD&gt;
&lt;TD&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;

und das bild ist hier:
[img]http://i35.tinypic.com/fkvghs.png[/img]
Die große Box hab ich hingekriegt so und jetzt hab ich noch ein Layout

Hier ist die andere und da kriege ich auch den zweiten Kasten nicht hin...
[img]http://i36.tinypic.com/abo03b.png[/img]
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1528434 - 16.07.2008, 11:34:01
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Setz eine Box mit einem Abstand in X Pixel zu der unteren Box einfach drüber. Schau dir mal Padding und Margin an.
_________________________
Das Lesen ist eine Tugend!
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: theblackdevil909851] - #1528440 - 16.07.2008, 11:43:55
Bichon2005
Nicht registriert


Ich bin zu blöd zwei Boxen zu setzen, kann das jemand für mich machen ?

Hier der alte Code für die eine Box ( das zweite Bild ist aber eingefügt )
Code:
 &lt;TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="500" height="350" BACKGROUND="http://i36.tinypic.com/abo03b.png"&gt;&lt;TR height="160"&gt;&lt;TD width="20"&gt;&lt;/TD&gt;&lt;TD&gt;&lt;/TD&gt;&lt;TD width="10"&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV style="width:245; height:150; overflow: auto; scrollbar-face-color: #F9BEDE;scrollbar-highlight-color:#C080A2;scrollbar-shadow-color: #C080A2;scrollbar-3dlight-color: #C080A2;scrollbar-arrow-color: #F9BEDE;scrollbar-track-color: #C080A2;scrollbar-darkshadow-color: #C080A2;scrollbar-base-color: #C080A2;"&gt;HalliHallo&lt;BR&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;/TD&gt;&lt;TD&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TABLE&gt;


sooo und hier das bild :
[img]http://i36.tinypic.com/abo03b.png[/img]


Bearbeitet von Bichon2005 (16.07.2008, 11:46:11)
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1528461 - 16.07.2008, 12:08:14
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Ohne Tabellen sicherlich gerne zwinker
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: huendchen] - #1528679 - 16.07.2008, 16:40:45
Bichon2005
Nicht registriert


So wie du denkst :)
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: theblackdevil909851] - #1528689 - 16.07.2008, 17:04:40
Bichon2005
Nicht registriert


Zitat:
Hier mal ein kleines Beispiel:

<a href="#" title="" onclick="document.getElementById('firstBox').style.display='block';">Erste Box</a>


<div id="firstBox" style="display: none;">Der Text erscheint nur, wenn man oben auf den Link klickt.</div>


Sauberer wäre das natürlich in einer eigenes angelegten JS-Funktion und in einer ausgelagerten JS-Datei.


Habe ich gemacht jetzt nur mal so, allerdings wenn ich dann z.B About me Schreibe kommt der Text so und wenn ich lieblingssänger anklicke, dann kommt der text vom about me auch noch dazuz ?

Sorry wegen Doppeltpost
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1528827 - 16.07.2008, 20:13:23
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Du musst natürlich für jede Box eine andere ID wählen.
_________________________
Das Lesen ist eine Tugend!
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: theblackdevil909851] - #1529353 - 17.07.2008, 17:19:41
Bichon2005
Nicht registriert


Nochmals sorry wegen dem Doppeltpost, habe mich heute ein wenig belesen also eigentlich viel, hatte heute nähmlich kaum was gefunden und habe mal einen neuen Code erstellt:
<html>
<head>

<title>titel</title>

<style type="text/css">
<!--
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
}
a:link {
color: #0000ff;
text-decoration:none;
}
a:visited {color: #0000ff;
text-decoration:none;
}
a:active {color: #ffffff;
text-decoration:none;
}
a:hover {color: #000000;
text-decoration:none;
}
-->
</style>


</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0">

<img border="0" src="http://i33.tinypic.com/2cxexed.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="698" height="498">


<div style="overflow: auto; position: absolute; width: 320; height: 230; left: 346; top: 244">
<font face="Verdana" size="2"><font color="#000000">TExt</font></font>
</div>

<div style="overflow: auto; position: absolute; width: 110; height: 200; left: 14; top: 286">
<font face="Verdana" size="3" color="#000000">About me<BR></font>
</div>

Ich hoffe das ist jetzt richtig ? und übersichtlicher ...


Bearbeitet von Bichon2005 (17.07.2008, 17:20:52)
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1529356 - 17.07.2008, 17:23:44
theblackdevil909851
​United States of America

Registriert: 05.08.2004
Beiträge: 6.388
Das kannst du so auch nicht machen. Du musst bei den Höhen und Weiten zunächstmal auch Maßeinheiten angeben. Dann solltest du das flexibel programmieren (das Hintergrundbild so also vergessen), damit Leute mit andere Auflösung das auch sehen können.
_________________________
Das Lesen ist eine Tugend!
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: theblackdevil909851] - #1529393 - 17.07.2008, 18:00:39
Bichon2005
Nicht registriert


<html>
<head>

<title>%titel%</title>

<style type="text/css">
<!--
body {
scrollbar-face-color: #EE4828;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #EE4828;
scrollbar-darkshadow-color: #EE4828;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #E03112;
scrollbar-track-color: #E03112;
}
a:link {
color: #0000ff;
text-decoration:none;
}
a:visited {color: #0000ff;
text-decoration:none;
}
a:active {color: #ffffff;
text-decoration:none;
}
a:hover {color: #000000;
text-decoration:none;
}
-->
</style>


</head>

<body bgcolor="#ffffff" topmargin="0" leftmargin="0">

<img border="0" src="http://i33.tinypic.com/2cxexed.png" scroll="no" bgproperties="fixed"
ALIGN="left" STYLE="position: absolute; top: 0; left: 0" width="698" height="498">


<div style="overflow: auto; position: absolute; width: 320; height: 230; left: 346; top: 244">
<font face="Verdana" size="2"><font color="#000000">
<div id="firstBox" style="display: none;">Der Text erscheint nur, wenn man oben auf den Link klickt.</div><BR><div id="secondBox" style="display: none;">Naja ich Probiere .</div>
</font></font>
</div>

<div style="overflow: auto; position: absolute; width: 110; height: 200; left: 14; top: 286">
<font face="Verdana" size="3" color="#000000"><a href="#" title="" onclick="document.getElementById('firstBox').style.display='block';">About Mee</a><BR><a href="#" title="" onclick="document.getElementByID('secodBox').style.display='block'; document.getElementByID('firstBox').style.display='none';">Liebling</a>

<BR></font>
</div>


-Auf Wunsch von blackdevil eingefügt-
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1529417 - 17.07.2008, 18:26:36
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Bishon, was genau hast du denn jetzt damit vor?!

Mir kraeusseln sich die Nackenhaare, wenn ich dieses Gemurckse ansehen muss. Ich hab irgenwas mit Navigation gelesen und Boxen.

btw: Ich hab keine Ahnung wo du dich belesen hast aber anscheinend bist du in eine Zeitmachine gestiegen und hast dir Seiten von vor knapp 15 Jahren angesehen, denn waere dem nicht so, dann waere dir als aller erstes schon mal in den Sinn gekommen das Tabellenkonstruckt durch standartkonforme und zeitgemaesse Methoden zu ersetzen.

Hier hab ich dir mal eben etwas aus Photoshop und Dreamweaver erstellst, das du ggf. noch etwas abaendern musst, fuer solche absurden Gebilde, braucht man nicht mal ne Minute, wenn man das richtige Werkzeug hat.

rapidshare.com
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: huendchen] - #1529435 - 17.07.2008, 18:46:11
Bichon2005
Nicht registriert


Was soll das in der Datei darstellen ??
[zum Seitenanfang]  
Re: Navigation für ein Layout [Re: ] - #1529471 - 17.07.2008, 19:32:23
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Ach ich schein dein Menue nicht mit hineingesliced zu haben.
Aber das kannst du selber tun indem du das Schemata bei den Elementen die unterhalb dem Menue-Elementen sein sollen adaptierst.

Schliesslich machst du im Contentbereich das ganze so wie es dir von theblackdevil909851 mit dem jScript aufgetragen worden und du hast eine Seite nach dem 90'er Model zwinker
[zum Seitenanfang]  
Seite 1 von 2 1 2 > alle


Markiere alles als gelesen
Forums-Kontakt · Knuddels - Chat / Chatroom · [zum Seitenanfang]