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
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
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.
@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
Dein Code läuft nicht mehr im 4er. Ich habe dann etwas damit herum gespielt und das gewünschte Resultat mit diesem Code erhalten:
Das sieht dann so aus:
[attachment=0]tabsabstand.png[/attachment]
Danke für den Denkanstoss.
Geht auch in Kurzform
@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]
versuch mal ".tabbrowser-tab" ändern in ".tabbrowser-tabs tab"
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.
/*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.
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.
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.