SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Einführung in XHTML, CSS und Webdesign

Einführung in XHTML, CSS und Webdesign zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 26.04.2015, 20:57:20
Joergi Joergi ist offline
Anfänger
 
Registriert seit: Mar 2015
Alter: 55
Beiträge: 3
"input Type" mittels CSS Style ansprechen

Hi,

ich bin gerade dabei, meine Grafikbuttons gegen mit CSS generierte Buttons auszutauschen. Das ganze funktioniert auch bei ganz normalen links (a href) einwandfrei. Nur bei Formular Buttons habe ich Probleme. Bisher habe ich mittels
HTML-Code:
<input name="zur" value="zur" src="taste.png" type="image" onclick="an ()">  <!-- durch onclick wird zusätzlich noch eine Ladegrafik gezeigt --> 
eine Aktion aufgerufen. Nun sollte anstatt des Grafikbuttons eben ein CSS Button erscheinen. Aber das klappt nicht. Ich habe alle Möglichkeiten meines bescheidenen Wissens genutzt. Z.B. auch

HTML-Code:
<div class="taste">Taste<input name="zur" value="zur" type="hidden" onclick="an ()"></div>  <!-- durch onclick wird zusätzlich noch eine Ladegrafik gezeigt -->
Aber das funktionierte nicht. Habt Ihr eine Lösung. Ich wäre euch sehr dankbar:-)
Mit Zitat antworten
  #2  
Alt 27.04.2015, 20:19:33
csskoeln csskoeln ist offline
Anfänger
 
Registriert seit: Apr 2015
Alter: 42
Beiträge: 9
AW: "input Type" mittels CSS Style ansprechen

Hallo,

eine kleine Lektüre:

http://www.w3schools.com/css/css_att..._selectors.asp

Am einfachsten geht dies jedoch, wenn du einfach dem Formularfeld eine Classe zuweist.

PHP-Code:
<input name="sumit" value="submit" type="submit"[I] class="deinecssclass"[/I]> 
Mit Zitat antworten
  #3  
Alt 29.04.2015, 02:08:55
Joergi Joergi ist offline
Anfänger
 
Registriert seit: Mar 2015
Alter: 55
Beiträge: 3
AW: "input Type" mittels CSS Style ansprechen

Hi,

danke für die schnelle Antwort. Ich habe das ganze umgesetzt


HTML-Code:
<style>
.taste
{
border:1px solid #000080;
display:inline-block;
color:#ff0000;
font-size:15px;
height:22px;
line-height:22px;
width:120px;
text-align:center;
cursor:pointer;
}
a.taste:link {color: #ff0000;}
a.taste:visited {color: #ff0000;}
a.taste:active {color: #ff0000;}
a.taste:hover {color: #ff0000;}
</style>
<input name="test" value="Beispiel" class="taste" type="submit">
und kann auch mehrere submit Buttons einzeln abfragen. Was mich jedoch stört sind zwei Effekte:

Wenn ich auf den Button klicke, verschiebt sich der Text leicht nach rechts. Kann man das verhindern?

Der Text ist nicht vertikal zentriert. Habe es mit "vertical-align" und auch mit "padding" probiert. Gibt es eine andere Lösung?

Danke im voraus für Eure Hilfe
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:48:01 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt