Antworten auf deine Fragen:
Neues Thema erstellen

Button mit Verlauf und Symbol

fakerer

Aktives Mitglied

Hallo,
ich würde gerne einen input[type="submit"] erstellen der im Hintergrund einen Verlauf einen Rand und ein Symbol (kleinen Pfeil nach rechts) hat.

Border und Background (Verlauf) hab ich einfach mal in css gesetzt
Code:
background: url("/images/button.png") repeat-x scroll 0 0 #F5F5F5;
border-color: #8f9294;
border-width: 1px;
Allerdings wie bringt man nun richtig den Pfeil dazu.
Normal hab ich da immer span Elemente genommen, aber anscheinend soll man das ja nicht keine Kindelemente erlaubt wenn ich das richtig verstehe.

Hab auch schon überlegt den Pfeil einfach in den Hintergrund zu nehmen und den dann immer rechts beginnen zu lassen aber ich würde halt gern wissen ob es da einen schönere Lösung gibt.

an ein Button element hab ich auch schon gedacht aber den kann ich ohne js nicht als submitt verwenden, zumindest so weit mir bekannt.
 
Zuletzt bearbeitet von einem Moderator:

patrick_l

Hat es drauf

AW: Button mit Verlauf und Symbol

Wenn ich dich richtig verstanden habe, dürfte dir das weiterhelfen:
Code:
<a href="#">Name <img src="pfeil.gif" alt="pfeil"/></a>
Dann noch für diesen Button im CSS über Background den Verlauf etc. nutzen, fertig. Halt über HTML den Pfeil mit einbinden, und den Verlauf über dein CSS.
Was ich aber nicht verstehe, warum du deinem Buttom bzw. dem Bg-Image scroll mit gibst?
 
Zuletzt bearbeitet:

cebito

undefined

AW: Button mit Verlauf und Symbol

:after hat Simon schont erwähnt, es gibt auch die Möglichkeit multiple Backgrounds einzufügen. Einfach mal googeln...

@Otto - du hast schon gelesen, das es sich nicht um einen einfachen Link sondern einen Submit-Button handelt...
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.527
Neuestes Mitglied
Christian Eidelloth
Oben