Abstand beim Suchsymbol in der Suchleiste ändern

littlegoaty

Hallo,

ich habe mit diesem Code den kleinen Pfeil neben dem Symbol der Suchmaschine entfernt:

CSS

/*Dropmarker neben Suchsymbol entfernen*/
.searchbar-dropmarker-image { 
display: none !important; 
}

Nun stimmt der Abstand aber rechts neben diesem Ausrufezeichen des Yahoo-symbols nicht mehr:

[Blockierte Grafik: http://www.abload.de/thumb/zwischenablage-1wmyn.png]

Könnt Ihr mir da bitte einen Tipp geben, wie ich rechts einen breiteren Abstand erreiche?

Gruß

Littlegoaty

MaximaleEleganz

CSS

.searchbar-engine-button {
   min-width: 15px !important; 
}

Breite noch anpassen.

littlegoaty

Hallo,

leider ändert der Code von Dir nichts - der Abstand bleibt so wie er ist...

Gruß

Littlegoaty

MaximaleEleganz

Welchen Firefox verwendest du? 3.5.7 und Stylish funktioniert hier:

[Blockierte Grafik: http://img5.imagebanana.com/img/rtyrv36a/20100121_184628.jpg]

littlegoaty

Ich verwende FF 3.6rc2 - welches Theme ich verwende ist dabei egal, der Abstand bleibt bei allen zu klein...

MaximaleEleganz

Funktioniert hier auch mit 3.6. Auch mit Default-Theme getestet? Wert verändert?

littlegoaty

ja, auch mit default-Theme leider keine Änderung

EDIT: Ich habe den Wert jetzt mal auf 30 geändert, dann passiert tatsächlich was und es wird breiter. Aber das Icon der Suchmaschine sitzt dann leider nicht zentriert...

MaximaleEleganz

Muss es nach links oder rechts?

littlegoaty

es muss weiter nach links

MaximaleEleganz

CSS

.searchbar-engine-image {
   padding-right: 3px !important; 
}

littlegoaty

Vielen Dank für Deine Mühe, aber leider passt das auch wieder nicht, denn damit stimmt zwar der Abstand links und rechts, aber das Icon der Suchmaschine ändert sich dadurch in der Breite und wirkt nun zusammengequetscht.

2002Andreas

Code

.searchbar-engine-image {
margin-right: 8px !important  }

Und mit diesem Code, Wert natürlich anpassen ?
Nur mal zur Info, dein erster Code funktioniert bei mir richtig.

2002Andreas

Hier mal eine Seite mit diversen Tipps.

http://www.css4you.de/

pcinfarkt

Zur Literatur:

Code

padding-right

[1]

Code

margin-right

[2]

Code

!important

[3]

[1] http://de.selfhtml.org/css/eigenschaf…m#padding_right
[2] http://de.selfhtml.org/css/eigenschaf…tm#margin_right
[3] http://de.selfhtml.org/css/formate/kaskade.htm#ursprung

.Ulli

Zitat von littlegoaty

ich habe mit diesem Code

Danke für die Anregung ...

[Blockierte Grafik: http://img5.imagebanana.com/img/0r9xxnq3/Bildschirmfoto3.png]

Wenn du das Icon vergleichst, fehlt bei deinem benutzten Theme der rechte Rahmen des Icon. Das sollte dein Ansatzpunkt sein.

Deutlicher ist es auf einer Seite, die eine Suchmaschine anbietet zu erkennen:

[Blockierte Grafik: http://img5.imagebanana.com/img/2zbxgnjb/Bildschirmfoto2.png]

MK204

CSS

.searchbar-engine-button { margin: 0px 5px 0px 3px!important; border: none !important;}