Tab-Reiter in CSS erstellen - geht das überhaupt?

Tabreiter - aktuell als Tabelle - (Computer, PC, HTML)

3 Antworten

Das Zauberwort heisst hier "float" Das macht den Unterschied. Wenn Du eine Liste aufbaust, dann gibst Du dem LI einfach ein float="left" mit und schon hast Du Deine Navigation. Ist ganz einfach. Lege am besten eine Klasse an und gib der Liste eine eindeutige ID

Beispiel: <ul id="navi"> und dann im css

navi li { float:left;}

hmm, irgendwie fehlt mir da im Moment die Vorstellung, das werde ich nicht rein theoretisch abhandeln können ;-) Also werde ich es mal ausprobieren und mich ggf. wieder melden! Aber erstmal danke für den Tipp!

0

Mit CSS geht das sogar sehr gut. Tabellen sollte man nur noch nutzen wenn man auch wirklich Tabellen darstellen möchte. ICh kann dir das Buch "CSS und XHTML von Kopf bis Fuß" wärmstens empfehlen. Übrigens schau dir doch mal die Tabs hier bei Gutefrage an. Wenn du Firebug installiert hast (Firefox plugin) kannste auch leicht herausbekommen wie das hier funktionert. Beachte aber das hier massiv auch AJAX eingesetzt wird.

  1. vielen Dank für Deine Antwort erstmal,
  2. ist mir klar, dass CSS-Tabs funktionieren,
  3. will ich ja eben deshalb die Tabellen durch CSS-Tabs ersetzen, aber genau das schrieb ich ja oben...
  4. hast Du leider nicht genau gelesen, worum es mir geht ;-) - ich will eben NICHT solche Tabs haben, wie GF, deshalb ja auch mein Bild.
  5. DIESES Beispiel, wie bei GF habe ich sogar wesentlich hochwertiger im Netz gefunden, aber hier überlappen sich keine Tabs!!
  6. soll ausschließlich CSS zum Einsatz kommen, was angeblich funktionieren soll, nur bekomme ich den Code dafür nicht zusammen.
0
@spezies8472

Das funktioniert nur wenn du auch Javascript dazu verwendest! Den Überlappungseffekt würde ich durch Veränderung des Hintergrundes des div-Bereiches machen.

0
@Vollstrecker

Also es geht auch ohne JS, habe inzwischen einige Beispiele gefunden, aber da ich (noch) nicht verstehe, was davon Hacks und was unsauberer CSS-Code ist - ich das ganze Konstrukt also nicht so ganz kapiere - möchte ich es nicht unbedingt 1:1 kopieren. Soll ja die eigene und keine komplett kopierte Seite werden ;-) Allerdings haben alle CSS-Menues bisher die Eigenschaft, eine feste Tab-Breite aufzuweisen - wird das Browserfenster schmaler, rutschen die Menues untereinander und zerstören das Seitenbild, oder es wird alternativ ein Scrollbalken unter den Menues eingeblendet, was auch das Bild zerstört... :-( Irgendwie komme ich da momentan noch nicht wirklich weiter.

0

Was versteht man unter CSS Spezifität?

Was genau ist mit CSS Spezifität gemeint? Kann mir das jemand für dumme erklären?

...zur Frage

Wie mit CSS Elemente positionieren?

Hallo,

Ich kenne 3 Möglichkeiten um in CSS Elemente zu positionieren.

  1. Float
  2. Flexbox
  3. Grid

Wenn die Website auch im IE11 gut aussehen soll.

Dann kann ich Flexbox nicht verwenden, da in IE11 immer noch Flexbox Bugs sind.

Die Bugs lassen sich auch nicht durch Prefixes beheben/umgehen.

Soll ich also float verwenden und warum?

...zur Frage

Wie behebe ich diese Fehler, Folgendes fehlt: author. und updated, in worpress bei dem twenty Eleven theme?

Die Frage ist schon ziemlich konkret oben. Was ich schon versucht habe: Laut allen möglichen Anleitungen aus dem Internet soll man die Seite content.php oder page.php im Editor öffnen und bestimme Codes suchen. Ich habe nicht einen einzigen der im Interniet beschriebenen Codes gefunden. Was mach ich denn falsch? Ich gehe auf ,,Design'' dann auf ,,Editor'' suche den Menüpunkt page.php (welcher nur ein paar Zeilen lang ist) Aber von dem gesuchten Code keine Spur

...zur Frage

Webdesign kaufen und zu kommerziellen zwecken weiterverkaufen?

Guten Tag,

ich bin gelernter Mediengestalter (schwerpunkt Programmierung), und möchte gerne mit dem Vertrieb von Websites auf großen Märkten wie z.B. Envato anfangen.

Nun ist das Problem, dass ich leider in gestalterischer Hinsicht nicht gerade der kreativste bin. ;eine Aufmerksamkeit gilt der Programmierung von webbasierten Sprachen wie HTML, CSS, Javascript/jQuery und PHP. In meinem Umfeld genügen die Designer leider nicht meinen Ansprüchen.

Aber nun zu meiner Frage (nein, ich bin nicht heiß die AGB's zu lesen): Darf man PSD Designs, speziell von Themeforest (Envato), kaufen - diese in HTML umsetzen und letzten Endes weiterverkaufen?

Falls nicht: kennt jemand eine Seite wo Webdesigns angeboten werden die kommerziell weiter genutzt werden dürfen? Oder interesse an einer Zusammenarbeit?

Vielen dank. Gruß Lars

...zur Frage

mit Javascript zwischen iframes wechseln

Hallo,

ich wollte fragen ob es möglich ist zwischen iFrames mithilfe von Javascript zu wechseln, durch klick auf einen Button.

Mir geht es darum zwischen Flash-Games zu switchen (die ich in iFrame eingebunden habe).

Wie auf meiner selbstgemachten Vorlage. (Soll den ganzen Inhalt der Seite darstellen)(die roten Pfeile sollen richtig darstehen und zum nächsten Spiel führen)

mfg MarC

...zur Frage

Bei klick auf button text anzeigen mit js?

Ich möchte das wenn ich auf einen Button drücke, das ein text angezeigt wird. Wenn ich auf einen anderen button drücke soll der vorherige text verschwinden und ein neuer Auftauchen, wie mache ich das? evtl. mit js?

...zur Frage

Was möchtest Du wissen?