[gelöst] Code für Abstand zwischen Tabs gesucht

Road-Runner

Das Bild sagt eigentlich schon alles:

[attachment=0]abstand.png[/attachment]

Ich möchte einen Abstand zwischen den einzelnen Tabs einfügen. Leider bin ich kein Schrauber, so dass ich mich hilfesuchend an Euch wende.

Firefox 4 RC 1

ReVox

Hallo Road-Runner,

der Code ist für den FF3 vielleicht greift der ja auch im FF4,
u.a. die margin-werte nach deinen Wünschen verändern.

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/* Tableiste |<L 1.Tab R>| Abstand */
.tabbrowser-tab:first-child {
   margin-left: 0px !important;
}


/* Tab  |< Punching >|  Active Tab */
.tabbrowser-tab [selected="true"] {
   font-weight: 100 !important;
   margin-left : 11px !important;
   margin-right: 11px !important;
 }


/* Tab |< nicht Active Tab >| */
.tabbrowser-tab {
   font-weight: 100 !important;
   margin-left : 2px !important;
   margin-right: 2px !important;
 }

Alles anzeigen

Syntax: Stylish

Road-Runner

Dein Code läuft nicht mehr im 4er. Ich habe dann etwas damit herum gespielt und das gewünschte Resultat mit diesem Code erhalten:

CSS

/* Tableiste: Abstand zwischen Tabs */
.tabbrowser-tab {
   margin: 5px 5px 0 0 !important;
}

Das sieht dann so aus:

[attachment=0]tabsabstand.png[/attachment]

Danke für den Denkanstoss.

2002Andreas

Geht auch in Kurzform

Code

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


tab{
margin-right:5px!important}

[Blockierte Grafik: http://s7.directupload.net/images/110314/temp/5t6xgirk.jpg]

ReVox

versuch mal ".tabbrowser-tab" ändern in ".tabbrowser-tabs tab"

Road-Runner

Ich belasse es bei .tabbrowser-tab, da ich ausser dem Abstand auch noch Codes eingebaut habe für abgerundete Ecken oben und eine grössere Höhe der Tableiste.

CSS

/*Tabs abrunden*/
.tabbrowser-tab {
border: 1px solid   !important;
border-color: #8c8c8c  !important;
border-radius: 10px 10px 0 0 !important;
min-height:25px ! important;
margin: 5px 5px 0 0 !important /* Tableiste: Abstand zwischen Tabs */
}

Nun sieht es genau so aus wie ich es haben wollte.

[attachment=0]tabsabstand2.png[/attachment]

Vielen Dank Euch beiden.

2002Andreas

Hallo @ Road-Runner....dein Code enthält einen Fehler

[Blockierte Grafik: http://s7.directupload.net/images/110314/temp/oac4nzdj.jpg]

Die letzte Klammer ist zuviel.

Road-Runner

War nur ein Fehler beim Einfügen hier im Forum. Ich hatte zuerst einen falschen Code kopiert und eingefügt, und beim Verbessern ist wohl die letzte Klammer hängen geblieben. Ich habe sie oben entfernt.