Antworten: 21
|
|
 X-StyleRock the board Beiträge: 58 |
# Thema - 19.08.2008 um 17:10 Uhr
Hallo... Also das Coden war noch nie so meins... Ich hab hier 2Hintergrundbilder für einen Button, einmal wenn man ihn nicht anklickt und einmal wenn man ihn anklickt nun die Frage wie mache ich das am besten ohne Java, geht das überhaupt, hab zwar was gefunden aber nichts auf meinem Level Die Links sollten sich auf das "Bild" also den BUtton beziehen. Kann mir mal jemand kurz und schmerzlos erklären wie das am besten geht =) Also quasi ein mouseover... heir mal meine Buttons, so sollte das dann aussehen   Tut mir leid wenn cih dumm frage aber wie schon gesagt was ich bei google gefunden habe war mir alles ein bisschen zu kompliziert 
------------------ |
Inaktiv |
  |
| borchi Geekboy Herkunft: Berlin Beiträge: 1231 |
# Antwort: 1 - 19.08.2008 um 17:13 Uhr
Kannst du doch in der css definieren. a:link, a:visited { background-image: url(BILD1); } und für den Mouseover a:active, a:hover { background-image: url(BILD2); } ------------------ 
|
Inaktiv |
|  |
| X-Style Thread-Ersteller Rock the board Beiträge: 58 |
# Antwort: 2 - 19.08.2008 um 17:16 Uhr
Cool danke für deine Hilfe!!! wie kann ich die "umbenennen? weil so gibt es die ja shcon in der CSS ,so? a:active, a:hover button_1 { und wie dann "verlinken? ------------------ |
Inaktiv |
| |
| borchi Geekboy Herkunft: Berlin Beiträge: 1231 |
# Antwort: 3 - 19.08.2008 um 17:19 Uhr
Einfach dazuschreiben, zwischen die Klammern Der Rest regelt die Schrift ------------------
|
Inaktiv |
| |
| X-Style Thread-Ersteller Rock the board Beiträge: 58 |
# Antwort: 4 - 19.08.2008 um 17:28 Uhr
Nein ich meine wie ich das ganze dann nennen soll? so? a:link, a:visited button_1{ background-image:url(images/button_1.png); width:161px; height:21px; } a:active, a:hover button_on_1 { background-image:url(images/button_on_1.png); width:161px; height:21px; } ------------------ |
Inaktiv |
| |
| borchi Geekboy Herkunft: Berlin Beiträge: 1231 |
# Antwort: 5 - 19.08.2008 um 17:29 Uhr
Nein einfach in deine css zu den entsprechenden Klassen dazu, keine neue bilden. ------------------
|
Inaktiv |
| |
| X-Style Thread-Ersteller Rock the board Beiträge: 58 |
# Antwort: 6 - 19.08.2008 um 17:33 Uhr
Nein, dann würde ich ja ganz Clansphere umschreiben xD soll doch nur in der Navigation sien, nicht bei jedem Link... geht das nicht wenn cih eine neu dazuschreibe? ------------------ |
Inaktiv |
| |
| taM* Geekboy Beiträge: 1055 |
# Antwort: 7 - 19.08.2008 um 17:37 Uhr
.button a:link, .button a:visited{ background-image:url(images/button_1.png); width:161px; height:21px; } .button a:active, .button a:hover { background-image:url(images/button_on_1.png); width:161px; height:21px; } Und in dem A-Tag <a href="index.php" class="button">Text</a>
|
Inaktiv |
| |
| X-Style Thread-Ersteller Rock the board Beiträge: 58 |
# Antwort: 8 - 19.08.2008 um 17:40 Uhr
kann cih auch ne id nehmen? oder geht das nicht? ------------------ |
Inaktiv |
| |
Jam2  Highlander  Beiträge: 3291 |
# Antwort: 9 - 19.08.2008 um 17:51 Uhr
dann müsstest du so anfangen #button a:active, .button a:hover { *glaub* ------------------ Gruß/ Best regards Jam2 Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes) Template Switch for index.php Board Navlist last posts Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....  Edi: hö ? Jam2: nichts ist unmöglich! |
Inaktiv |
 | |
| borchi Geekboy Herkunft: Berlin Beiträge: 1231 |
# Antwort: 10 - 19.08.2008 um 17:51 Uhr
Stimmt, denkfehler gewesen  Sorry - Tam hat recht, neue class.Musst meiner Meinung auch class nehmen ------------------
|
Inaktiv |
| |
| X-Style Thread-Ersteller Rock the board Beiträge: 58 |
# Antwort: 11 - 19.08.2008 um 17:56 Uhr
Hab ich so geamcht, doch irgendwie hat mein Button nur die Große die der Text hat, also nix da 161px breit xD ------------------ |
Inaktiv |
| |
| taM* Geekboy Beiträge: 1055 |
# Antwort: 12 - 19.08.2008 um 18:16 Uhr
.button a:link, .button a:visited{ background-image:url(images/button_1.png); width:161px; height:21px; } .button a:active, .button a:hover { background-image:url(images/button_on_1.png); width:161px; height:21px; } So der A-Tag <span class="button"><a href="index.php">text</a></span>
|
Inaktiv |
| |
 duRiel Weltmeister  Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 13 - 19.08.2008 um 19:47 Uhr
display: block |
Inaktiv |
| |
| fUnK3r Specialist  Beiträge: 1656 |
# Antwort: 14 - 19.08.2008 um 20:33 Uhr
<div class="button"><a href="index.php">text</a></div> so brauchste kein display: block; dafür aber float: left; 
------------------ Grüßle Jo |
Inaktiv |
| |
| duRiel Weltmeister Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 15 - 19.08.2008 um 21:00 Uhr
display block ist sehr viel besser als unnötige divs aussenrumzubauen |
Inaktiv |
| |
| taM* Geekboy Beiträge: 1055 |
# Antwort: 16 - 19.08.2008 um 21:04 Uhr
besser für die performence? naja es sind bestimmt nur 10stel ms.. ob display:block; oder die divs außenrum.. finde ich eigentlich wurst. ich machs mal so, mal so..
|
Inaktiv |
| |
| fUnK3r Specialist Beiträge: 1656 |
# Antwort: 17 - 19.08.2008 um 21:10 Uhr
kein plan, ich machs immer so wie ich grad lust habe... ------------------ Grüßle Jo |
Inaktiv |
| |
| duRiel Weltmeister Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 18 - 19.08.2008 um 22:03 Uhr
na 1. das eine ist html das andere css - html muss immer wieder runtergeladen werden und css bleibt im cache, 2. ist es als einmalige definition schon allein von der textmenge her viel weniger 3. wenn man links wirklich als komplette buttons will müssen die auch ne fläche ausfüllen, es gibt nichts grausameres als buttons bei denen man auf die hälfte nicht klicken kann weils nur textlinks sind und die bilder aussenrum gebaut wurden |
Inaktiv |
| |
| X-Style Thread-Ersteller Rock the board Beiträge: 58 |
# Antwort: 19 - 20.08.2008 um 16:13 Uhr
Oaky hat super geklappt =) Was bedeutet eigentlich <div style="clear:both"> ??? Weil so wurd emir mal geholfen als irgendwie mein HIntergrund nicht angezeigt wurde... Noch mla ne kleine OT Frage... Irgendwie steht nach einem update immer [html].......<.............>...........[/html] in den news... Warum ist html ausgestellt und wo stelle ich das wieder ein, Danke ! ------------------ Zuletzt editiert von X-Style am 20.08.2008 um 16:24 Uhr (1x Editiert) |
Inaktiv |
| |
| TeQu!La Specialist  Herkunft: Grevenbroich Beiträge: 2142 |
# Antwort: 20 - 20.08.2008 um 16:39 Uhr
system > optionen> news ganz unten ------------------  ClanSphere - professional clan care starts here |
Inaktiv |
| |
Antworten: 21
|
|
| Sie müssen sich registrieren, um zu antworten. |