Viele fragen

[BIG-3k]

Okay, hier mal meine erste Frage :D

Ich hab das Problem mal schnell in PS als Bild dargestellt:

1. Ist es besser die Schriftzüge "Link 1" etc als Text oder als Grafik darzustellen? (Es soll ein Mousovereffekt dazukommen)
2. Wie kann ich, wenn ich das ganze per Hand mache (PSPad), beeinflussen wo im "Raum" meine Grafiken dann liegen (z.B. das Link1, Link 2 etc auf der schwarzen Leiste liegen)?
3. Die jeweiligen Inhalte der Verlinkungen (Link1, Link2...) sollen im Content-fenster erscheinen, ohne dass sich dabei ein neues Fenster öffnet.
4. Das Content-fenster soll eine extra Scrollleiste haben.


Ich hoffe ihr könnt mir ein paar Anregungen geben wie ich das realisieren kann.

[Dac-XP]

Also ich würde dir da zu Text empfehlen.
Mouseovereffekte gehen mit CSS-Styles, genauso wie eigentlich alle deine Probleme.
http://www.css4you.de bietet dir eine gute Anlaufstelle dafür.

[Basti]

Die Links mit Mouseover kannst du wie von Dac schon gesagt mit CSS machen.

Die Grafiken kannst du dann mit bestimmten Angaben ausrichten, bei dir würde es sicherlich reichen wenn du in CSS festlegst, dass der Inhalt dieses Layers linksbündig ausgerichtet wird, ansonsten im Dokument über <img>. <-- Da muss nach src="" aling="left" stehen (wurde wieder mal weggeschnitten^^)

Für das ganze Layout kannst du ja super div-Layer benutzen, und in den Content-Bereich kannst du dann eine i-frame machen, wenn dir das Scrollen so wichtig ist.

[BIG-3k]

Hm... Danke, werde mich mal mit der Seite beschäftigen, dann verstehe ich hoffentlich was ihr meint

lg

[powerschulzi]

1. Ich würde immer, wenn Textlinks gehen, auch Textlinks nehmen.
Erstens laden sie schneller, zweitens sind sie immer sichtbar.
Grafiklinks laden langsamer als Text, d.h. man sieht sie erst später, oder gar nicht, wenn die Grafikadresse nicht stimmt.
Zweitens kann man CSS ausschalten. Dann sind die Links gleich ganz weg

2. Du legst einen div-Container fest, gibst ihm deine schwarze HG-Grafik und gibst die Höhe des Containers und ggf. Breite vor. Dann hast du deine Navi.
In den Navicontainer setzt du dann deinen Link, den du mit außenabständen nach oben und unten auf einer gewissen Höhe halten kannst.

3. Du gibst dem <a>-Tag einfach das Attribut target="_blank". Wars das, was du meinstest?

4. Den Container legst du genau wie deine Navi oben fest, machst ihn nur Höher.
Wenn du den scrollbalken da drin haben willst (also frame simulieren), dann gibst du ihm per CSS die Eigenschaft overflow:auto;
D.h., wenn mehr Text da ist, als in den Container passt, wird der Scrollbalken angezeigt, wenn er auch so reinpasst, gibts keinen Balken.

Ich rat dir aber dazu (vor allem, wenn du ein solches Layout beibehältst), den scrollbalken am Rand des browsers zu lassen. Das wird von vielen Usern bevorzugt


Ich hoff, das war jetzt einigermaßen verständlich

[BIG-3k]

Danke für die ausführliche Antwort.
Soweit hab ich es bis jetzt geschafft: 2BIG3k.de.vu
Soweit ok?

Das mit dem Scrollbalken guck ich mir dann nochmal an.

Mit 3. meine ich, dass der Inhalt des jeweiligen Links (von der Navi) immer im Content-Fenster erscheint. Zum Beispiel wie hier: Klick

[powerschulzi]

Joa, dort ist das mit doofen frames gelöst.
Aber dein Inhalt, den du in den contentbereicht schreibst, wird dann natürlich auch dort angezeigt. Es wird anders als zum Frame nur jedesmal die gesamte Seite nue geladen.
Weil der Browser das ganze aber schonmal geladen hat, dauert es nicht lange und der User bekommt es parktisch nicht mit

[Patrickmerkur]

Joa, dort ist das mit doofen frames gelöst.
Aber dein Inhalt, den du in den contentbereicht schreibst, wird dann natürlich auch dort angezeigt. Es wird anders als zum Frame nur jedesmal die gesamte Seite nue geladen.
Weil der Browser das ganze aber schonmal geladen hat, dauert es nicht lange und der User bekommt es parktisch nicht mit

Der Frame ist aber nur für die .devu Domain...
Ansonsten haste das ganze mit CSS schon recht akzeptabel gelöst !

[powerschulzi]

Ich mein die Beispielseite, die Big aufgeführt hat
Da wurdes mit Frames gelöst