buttons

[Mad Dog]

hey leute
ich war mir nicht ganz sicher ob das hier reingehoert aber ich versuchs einfach mal.
ich habe mir ueberlegt buttons in meine webseite einzufuegen.
jetzt habe ich aber das problem, dass wenn ich sie z.B. mit photoshop oder gimp erstelle, diese buttons eine vorgegebene groesse haben.

gibt es eine morglichkeit mittels php die groesse des fensters zu ermittlen das der benutzer benutzt? (also nur denn teil in dem auch der inhalt angezeigt wird ohne die tabauswahl etc).

oder gibt es eine moeglichkeit sich selbst anpassende buttons zu machen?

 

[Puccini]

HIer wird eine Methode beschrieben wie man schöne, sich anpassende Buttons macht.
Ist etwas aufwendig, aber es lohnt sich ;)

How to make sexy buttons with CSS

 

[neuroleptika]

Diese sexy buttons sind nur bei einer bestimmten Schriftgrösse sexy.
Sie wachsen nicht vertikal mit.

Welche Technik hier sinnvoll ist hängt von den Grafiken ab.

 

[Mad Dog]

naja ich meine klar man kann mittles css seine buttons bauen und mittels em angaben sie auch angleichen.
doch was ich persoenlich sehr elegant finde sind zum beispiele die abgerundeten kanten.
und diese mit css machen. glaube nicht das das geht sondern eben nur mit dem einbinden von grafiken.
oder liege ich da komplett falsch?

 

[neuroleptika]

oder liege ich da komplett falsch?

Nein,
in dem Beispiel wurden Grafiken verwendet.
Es ist eine einache Variante von "sliding doors".

 

[Mad Dog]

hmm koennte man mittels %-angaben die entfernung vom linken und rechten rand angeben und den button gegebenfals "zusammenquetschen" bzw "auseinanderziehen"???
weil in dem beispiel wird ja eine breite von 300px angegeben, also ein fester wert.
kann man den button mittels css trotzdem auf z.b. 250px "zusammenquetschen"???

 

[neuroleptika]

Du hast das Beispiel nicht verstanden.
Für eine feste Breite (250px) brauchst du keine sliding doors.

Die Hintergrundgrafik von a.button span ist 300px breit.
a.button span wird also bis zu einer Breite von 300px mit der Hintergrundgrafik ausgefüllt.
Je nach dem wie deine buttons aussehen sollen brauchst du vielleicht auch eine andere Methode.

 

[Mad Dog]

ah okay jetzt schnall ichs
ws genau versteht man unter vektor buttons?
ich habe mal ein tut gelesen wurde daraus nicht wirklich schlau.

wisst ihr was damit anzufangen?

 

[neuroleptika]

Damit sind wohl Vorlagen (hier Vektographien) gemeint die sich verlustfrei skalieren lassen.
Um sie für Internetseiten praxistauglich zu machen müssten sie in der gewüschnten Grösse abgespeichert werden (z.b: png, jpg oder gif).
Dann haben sie aber wieder feste px-Abmessungen.

 

[Efchen]

doch was ich persoenlich sehr elegant finde sind zum beispiele die abgerundeten kanten.
und diese mit css machen. glaube nicht das das geht sondern eben nur mit dem einbinden von grafiken.
oder liege ich da komplett falsch?

Nicht komplett. CSS3 wird das können, Firefox kann es mit proprietären Eigenschaften auch schon lange.

 

[Mad Dog]

hmmm also muss ich wohl auf css3 warten
naja solange muss ich wohl eckige kanten benutzten oder eine gute leosung fuer grafiken suchen

danke

 

[neuroleptika]

Ich weiß nicht ob es jemals eine Kantenglättung für border-radius geben wird.
Mit -moz-border-radius sieht das noch nicht schön aus.
Üblicherweise werden Grafiken verwendet.
Anleitungen gibt es viele.
Runde und andere Ecken (Webdesign) | andreas-kalt.de

Für Formulare gibt es <input type="image" src="..." alt="..." />

 

[vini-boy]

antwort

<a href="test.php"><input value="Zur&uuml;ck zur Startseite" type="submit">

Ps: du musst noch wo test php deine seite einfügen

mfg +

vini-boy