Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Formular Button mit CSS

Frage Entwicklung CSS

Mitglied: PowerPan

PowerPan (Level 1) - Jetzt verbinden

26.02.2008, aktualisiert 15:53 Uhr, 5988 Aufrufe, 2 Kommentare

Hi

ich habe auf einer meiner Seiten jetzt als Navigation Buttons eingesetzt, die ich mit CSS formatiere

das sieht wie folgt aus: eb085046f9f64bc72d08c34db5e03a7e-bild1 - Klicke auf das Bild, um es zu vergrößern

der Quellcode dazu ist:

01.
 <div class="clear"><a class="button" href="startseite.php" onclick="this.blur(); return true;"><span>Home</span></a></div>
der CSS code dafür sieht so aus:

01.
.clear {  
02.
   overflow: hidden; 
03.
   width: 100%; 
04.
05.
 
06.
a.button { 
07.
   background: transparent url(bg_button_a.gif) no-repeat top right; 
08.
   font: normal 12px arial, sans-serif; 
09.
   color: #666!important; 
10.
   display: block; 
11.
   float: left; 
12.
   height: 24px; 
13.
   margin-right: 6px; 
14.
   padding-right: 18px;  
15.
   text-decoration: none; 
16.
   border-style: none 
17.
18.
 
19.
a.button span { 
20.
   background: transparent url(bg_button_div.gif) no-repeat; 
21.
   display: block; 
22.
   line-height: 14px; 
23.
   padding: 5px 0 5px 18px; 
24.
25.
 
26.
a.button:active { 
27.
   background-position: bottom right; 
28.
   color: #000; 
29.
   outline: none; /* die gepunktete Linie im FF abschalten */ 
30.
31.
 
32.
a.button:active span { 
33.
   background-position: bottom left; 
34.
   color: #000!important; 
35.
   padding: 6px 0 4px 18px; /* Text 1px nach unten verschieben */ 
36.
37.
 
38.
a.button:hover { 
39.
   text-decoration: none; 
40.
   color: #000!important; 
41.
}
Wie kann ich meine Formularbuttons geanuso aussehen lassen?
Mitglied: LordGurke
26.02.2008 um 15:03 Uhr
Du könntest eine CSS-Klasse (meinetwegen #formbutton) erstellen und dort das selbe definieren, was du schon für a.xxxxx definiert hast.
Den Formularbutton bindest du dann mit
<input type="submit" class="formbutton" ......> ein.
Bitte warten ..
Mitglied: PowerPan
26.02.2008 um 15:53 Uhr
ja ok und wie sieht das aus mit den zusätzlcieh klassen?

weil wenn ich draufklicke, dann verändert scih der button wenn du dir die Klassen mal anschaust
Bitte warten ..
Ähnliche Inhalte
Entwicklung
gelöst IOS WebApp lädt CSS nicht mit (2)

Frage von maddig zum Thema Entwicklung ...

Entwicklung
gelöst Daten aus Formular sicher übertragen (2)

Frage von schneerunzel zum Thema Entwicklung ...

PHP
Formular ausfüllen, speichern und editierbar machen (7)

Frage von wescraven07 zum Thema PHP ...

Neue Wissensbeiträge
Windows Update

Microsoft Update KB4034664 verursacht Probleme mit Multimonitor-Systemen

(2)

Tipp von beidermachtvongreyscull zum Thema Windows Update ...

Viren und Trojaner

CNC-Fräsen von MECANUMERIC werden (ggf.) mit Viren, Trojanern, Würmern ausgeliefert

(4)

Erfahrungsbericht von anteNope zum Thema Viren und Trojaner ...

Windows 10

Windows 10: Erste Anmeldung Animation deaktivieren

(3)

Anleitung von alemanne21 zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Netzwerkprotokolle
gelöst Leiten "dumme" Switches VLAN-Tags mit durch? (26)

Frage von coltseavers zum Thema Netzwerkprotokolle ...

Windows Server
gelöst Neues KB für W10 1607 und W2K16 wieder mal nicht im WSUS 3.0, hat das noch jemand? (16)

Frage von departure69 zum Thema Windows Server ...

Netzwerkgrundlagen
Kann auf Freigabe nicht Zugreifen (16)

Frage von leon123 zum Thema Netzwerkgrundlagen ...

Router & Routing
FTTH bzw FTTB Router (13)

Frage von ukulele-7 zum Thema Router & Routing ...