Frage zu bestimmten Design

[Fellyboy]

Hallo zusammen

Schaut euch doch bitte mal die folgende Webseite an:
http://www.netstream.ch/netstream/juice?pageID=33212

Ich möchte auf einer neuen Webseite auch diese Punkte als Abtrennung von Navigation und Inhalt, etc. realisieren. Nur wie kann ich das machen? Mals ist mehr Content da und es muss gescrollt werden -> also muss auch autom. diese Punkteline verlängert werden.

Hat jemand von Euch ne gute Idee, Tipps, Tricks?!

Besten Dank
MfG Markus

[buzzbomb]

hi,
dass ist einen ganz normale tabelle mit rand, nur halt gepunktet anstatt durchgezogen.

mfg

[Fellyboy]

Danke für die Antwort. Das habe ich in der Zwischenzeit auch bemerkt

Hm ist es eigentlich auch möglich, ein Bild als "Rand" einer Tabelle einzufügen? Mit einem speziellen Parameter im <table> kann man den gepunkteten Rand mitgeben - sieht aber nicht sonderlich hübsch aus...

Gruss Markus

[Exusu]

Hallo Fellyboy,
1. Hintergrundbild wäre besser, da IE bis 5.5 keine Linien 'dotted' anzeigt.
2. Einfach ein kleines Hintergrundbild in der richtigen Höhe horizontal wiederholen
(Die Punkte oben und unten, brauch nur 2 Pixel breit sein, Tabellenbreite 100%, Höhe autom. durch ein Blind-gif oder Buttonhöhe)
3. Vertikale Linien als weiteres Hintergrundbild in voller Höhe der Zeile
(2 und 3 gilt nur wenn Du das tatsächlich mit Tabellen machst)

[321]

es sind Hintergrundbilder, welche die senkrechten Rahmen simulieren.

navi

box

siehe CSS: http://www.netstream.ch/netstream/style.css

[Fellyboy]

Greife das 'alte' Thema wieder auf ;-)

Hab noch ne Frage zu den Links auf der netstream-Site. In der Navigation auf der linken Seite wird ja mit Rollovers gearbeitet (z.B. in der Rubrik Hosting). Wie kriegt man dass hin, dass der gewählte 'Menupunkt' dann auch mit der Rolloverfarbe bleibt, sobald ich den Link anwähle? Wird das mit dem 'visited-Befehl' gemacht? Hab das irgendwie nicht hingekrigt...

Wird hier mit Frames gearbeitet? Wenn ein Link in der Navigation auf der linken Seite gewählt wird wird jeweils nur ein best. Teil der gesamten Seite aktualisiert...

Danke für die Hinweise!

MfG
Markus

[Exusu]

Nimm einfach zwei Klasse für die Links:
class="normal" und class="open". Dem Link der jeweiligen Seite auf sich selbst gibst Du die gleichen Eigenschaften wie beim Hover. Das ist alles.
Ohnen Automatismen (z.B. ein CMS) etwas mühsam, aber es geht.

Im Übrigen ist die Seite Frameless -> siehe Quelltext ;-)

Viele Grüße
der Exusu

[Fellyboy]

Danke für die schnelle Antwort Exusu.

Aha ja so könnte man das realisierten. Stimmt schon etwas mühsam... also du meinst die beiden Klassen in einem CSS-File so definieren. Funktioniert dann das zusammen mit den Rollovers, etc. , welche ich für meine Site mit dem ImageReady mache?!

Hab auch schon mal den Seitenquelltext zur Hilfe genommen ;-) Hm wie kann dass dann noch realisiert werden wenn nicht ohne Frames. Ankerpunkte setzen für eine Tabelle funktioniert ja nicht wirklich, oder?

Wie wird das sonst gemacht?

Lg
Markus

[Exusu]

Fellyboy,

*nur* so geht das ;-) Und was meinst Du mit realisiert? Einen änlichen Eindruck hat man bei Seiten, bei denen Teile per shtml oder php inkludiert werden. Dies ist bei Deiner Seite (s.o.) der Fall. Man erkennt das auch an den Page IDs und den willkürlichen Lücken im Quelltext, dass hier durch ein CMS generierte Seiten angezeigt werden. Die Seite ist definitiv Frameless.

Rollover aus ImageReady? Ich rede hier von guter Handarbeit. Keine Ahnung ob Dir das auch irgendein Programm macht.

Was für Ankerpunkte für eine Tabelle? Hier zwei ganz wichtige Tipps:
http://de.selfhtml.org/
http://www.css-info.de/

Viele Grüße
der Exusu

[Fellyboy]

Es gibt ja bei der Verlinkung die Möglichkeit, dass man einen sog. Ankerpunkt angibt (z.B. um von Ende einer Seite mit viel Text wieder nach oden an den Anfang zu 'springen' ohne zu scrollen).
Ev. könnte man das ja so umsetzen...

Muss mal schauen betreffend den Rollovers!

[Exusu]

Du meinst Verweise innerhalb der Seite mit #? Ja das geht, war das Deine Frage? Das hat aber nix mit dem zu tun:
...Wird hier mit Frames gearbeitet? Wenn ein Link in der Navigation auf der linken Seite gewählt wird wird jeweils nur ein best. Teil der gesamten Seite aktualisiert...

Viele Grüße
der Exusu

[Fellyboy]

Ja genau den # hab ich gemeint.
Schau mal was ich da so alles machen kann... Frame will ich eigentlich nicht verwenden.

Besten Dank für die Hilfe!

MfG
Markus

[Exusu]

Haaallloooo Markus!

Zitat von Fellyboy

Ja genau den # hab ich gemeint.
Schau mal was ich da so alles machen kann... Frame will ich eigentlich nicht verwenden.

Du kannst mit dem #-Ding nur eines machen: Auf einen bestimmten Punkt (Anchor) *in* einer Seite verweisen. Sollte dieser Punkt in der aktuellen Seite sein, scrollt der Browser das Fenster ggf. horizontal oder vertikal. Befindet sich der Punkt in einer anderen Seite, so wird diese Seite geladen (richtiger Syntax vorausgesetzt) und wiederum zum entsprechenden Punkt gescrollt.

Genau das kann st Du damit machen - nicht mehr und nicht weniger.

Grüße
der Exusu