Button
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
achtung
button
einbau
formen
funktion
hintergrund
hintergrundbild
image
inhalt
kapitel
klasse
tutorial
-
Ich habe f?r meine Seite Buttons gemacht!
http://samson.xardas.lima-city.de/new/home.jpg
Kann man den Text der im Button ist irgendwie reinschreiben ohne das ich den Button in Paint ?ffnen Muss text rausmachen und dann neuen Text reinmachen geht das irgendwie mit Html Java script oder PHp! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Mit PHP k?nntest du mit den Image Funktionen Text auf einen leeren Button schreiben, der dann vom Browser wie eine gew?hnliche Graphik behandelt wird.
Eine andere M?glichkeit w?re mit CSS einen <span> zu notieren, mit dem Inhalt des Buttontextes und als Hintergrund die Button-Graphik. -
?hnlich wie mein vorposter sagt:
leg doch einfach in css eine klasse an, z.B. button, und bastel dir dann damit deine navigationsleiste.
<p class="button">Home</p>
<p class="button">News</p>
<p class="button">Tutorials</p>
und das Stylesheet hinterlegt dann den Text jeweils mit dem Hintergrundbild. Achtung: ein evtl. gew?nschter Hovereffekt beschr?nkt sich dann auf eine ?nderung der Text- oder Rahmenfarbe, oder du f?gst f?r den Hovereffekt eine andere Hintergrundgrafik ein. m?sste auch gehen.
Ist auf jeden Fall wesentlich einfacher als die L?sung ?ber PHP.
Hinweise zum Einbau des CSS findest du hier:
http://www.css4you.de -
Hi
es w?rde auch wie folgt gehn:
<table>
<tr>
<td style="background:url(grafikadresse); background-repeat:no-repeat;">
<a href="zielurl">buttontext</a>
</td>
</tr>
</table>
-
ich ?bernehm mal comcity und ich denk, dass das hier es einfacher macht^^
<style>
td {
background:url(grafikadresse); background-repeat:no-repeat;
}
</style>
[...]
<table>
<tr>
<td>
<a href="zielurl">buttontext</a>
</td>
</tr>
</table>
bzw.
<style>
.mybtn {
background:url(grafikadresse); background-repeat:no-repeat;
}
</style>
[...]
<table>
<tr>
<td class="mybtn">
<a href="zielurl">buttontext</a>
</td>
</tr>
</table> -
du kannst auch einen richtigen/normalen html-button mit einer grafik drauf erstellen. musst mal bei selfhtml im form-kapitel nachschauen.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage