"Suchen" Button in Suche-PlugIn

[onli]

Warum {literal}? Sowas gehört in die style.css oder, wenn sie existiert, user.css deines Templates. Dort dann

Code: Select all

.quicksearch_submit_hdmag {
background:url('http://www.hdmag.de/blog/serendipity/templates/default/img/Button-Suchen.jpg');
display:block;
color:#555555;
font-weight:bold;
height:23px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:150px;
}

einfügen, wenn die .class des Buttons geändert wurde. Ansonsten ist es nämlich nur .quicksearch_submit.
Gruß

[JoeF]

Gebe ich gerne weiter. Danke, onli!

Joe

[JoeF]

Also, einen letzten, verzweifelten Versuch starte ich noch.

Meine Java-Entwicklerin hat ja die Waffen gestreckt. Da hab ich den CSS-Code von onli mal selber in die "style.css" kopiert und etwas angepasst:

.quicksearch_submit {
background:url('http://www.hdmag.de/blog/serendipity/te ... Suchen.jpg');
display:inline;
border:0;
color:#000000;
font-weight:bold;
height:23px;
line-height:29px;
margin-bottom:74px;
text-decoration:none;
width:150px;
}

http://www.hdmag.de/blog/serendipity/Screens.jpg (sorry, ich kann keine Bilder hochladen hier, warum auch immer)

Jetzt sieht es so aus wie in dem mittleren Bildausschnitt (links original-Button, rechts: so hätte ich es gerne).

Das bedeutet für mich: die alte Button-Definition spuckt mir noch irgendwie rein (Button-Größe, ">"-Zeichen). Wo ändere ich das? Dammich, das kann doch nicht so schwer sein!

Danke für jede Hilfe,
Joe

[garvinhicking]

Hi!

Code: Select all

.quicksearch_submit {
background:url('http://www.hdmag.de/blog/serendipity/templates/default/img/Button-Suchen.jpg');
display:inline;
border:0;
color:#000000;
font-weight:bold;
height:23px;
line-height:29px;
margin-bottom:74px;
text-decoration:none;
width:150px !important;
font-size: 0px;
}

vielleicht?

Grüße,
Garvin

[JoeF]

Hab' ich gemacht.

Jetzt sieht es so aus:
http://www.hdmag.de/blog/serendipity/Screen-neu.jpg

Doppelter Button, ein Punkt kurz vor dem 2. Button und jede Menge Leerzeilen drunter.

Was hat denn Deine Ergänzung veranlasst, dass es jetzt so aussieht?
Joe

[garvinhicking]

Hi!

Noch ein "background-repeat: no-repeat" mit dazu?

Für die leerzeilen musst du am margin/padding was ändern. Die Punktfarbe kannst du mit color:white auf quasi unsichtbar kriegen.

Was hat denn Deine Ergänzung veranlasst, dass es jetzt so aussieht?

Du könntest bei SelfHTML dazu mal zum Thema CSS, "important" schauen. Damit überschreibt man eine andere Breitenangabe die für input buttons sonst gilt.

Grüße,
Garvin

[JoeF]

Nur zur Info:

Nach viel Herumprobieren gings:

.quicksearch_submit {
background:url('http://www.hdmag.de/blog/serendipity/te ... Suchen.jpg');
display:inline;
border:0;
color:#FFFFFF;
height:23px;
line-height:29px;
margin-top:3px;
margin-bottom:0px;
margin-left:83px;
text-decoration:none;
width:75px !important;
font-size: 0px;
}

Danke an Alle,
Joe