Tabs (CSS / HTML)

Computer: Software & Programmierung HTML & CSS
1

Hallo,

ich versuche gerade zwischen drei DIVs vis CSS umzuschalten:

http://www.galerieborn-berlin.de/test/ausstellung_an…

(german | english | cv)

Nun habe ich 2 Probleme bzw. Fragen:

Kann ich es verhindern dass die Seite nach unten rutscht wenn ich einen von den Links (Ankern) anklicke ? Das ist sehr störend.

Und zweitens, wie schaffe ich es, dass das erste DIV beim ersten Laden der Seite schon angezeigt wird ?

Vielen Dank,
Julius

#box { position: relative; }
.box { display: none;overflow: auto; position: relative; overflow-x: hidden; }
#box1:target, #box2:target, #box3:target { display: block; }
2

Das musst du mit bildern beschreiben , welche links welche box wie was wo ?

3

Moin,

Kann ich es verhindern dass die Seite nach unten rutscht wenn
ich einen von den Links (Ankern) anklicke ?

Klar, indem Du Deine Links änderst. Du widersprichst Dir hier. Du möchtest nicht, dass die Seite „runter rutscht“, aber hast es doch genau so als Linkziel eingetragen. Der Browser macht hier nur das, was Du von ihm verlangst.

Und zweitens, wie schaffe ich es, dass das erste DIV beim
ersten Laden der Seite schon angezeigt wird ?

Ohne den Code anzusehen: Du musst dann display:block setzen. Vermutlich hast Du bei allen drei Blöcken display:none.

Übrgens solltest Du mal Dein HTML überarbeiten, semantisch ist das die reinste Grausamkeit und hat überwiegend nichts damit zu tun, wofür HTML eigentlich gedacht ist. Tabellenmissbrauch, fehlende Überschriften, physische Inhaltsauszeichnung, veraltete Tags (warum Transitional?), seltsame und gar nicht hilfreiche Alternativtexte bei Images und allgemein fehlerhafte Semantik. Mehr über HTML in FAQ:1161.

Liebe Grüße,
-Efchen