Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Alternative Schaltflächen?

Empfohlene Antworten

wie mache ich meine Schaltflächen in einem HTML Dokument so wie die LOGIN im Bild? http://www.pruss.de/wie.png

Gruß

All :bimei

Mit StyleSheets: :D

.button

{

border-style: solid;

border-width: 1pt;

border-color: #000000;

background-color:#FF0000;

font-family:Verdana,sans-serif,arial;

font-size:13px;

color:#000000;

}

Im HTML - Tag dann so:

<input type="button" value="Login" class="buttons">

Die einzelnen Werte musst Du natürlich deinen Vorstellungen anpassen. ;)

Hi danke erstmal für deine Hilfe, aber irgendwie will es bei mir nicht klappen...

Bitte einmal hier checken:

http://www.never-promise.de/schaltflaeche.zip

Ich habe jetzt zum Testen glaube ich vergessen dem Button die Klasse zuzuordnen, aber ich glaube das klappt auch nicht!

Pls Help

MfG

ALL :bimei

Original geschrieben von allthatsleft

Ich habe jetzt zum Testen glaube ich vergessen dem Button die Klasse zuzuordnen, aber ich glaube das klappt auch nicht!

Jep, hast Du....

und wenn Du

<input [B]class="button"[/B] type="submit" name="subm.. blafasel

das einfügst, klappts auch...

Zumindest ich krieg ne wunderschöne rote Schaltfläche.... :D

Bei mir funktioniert das einwandfrei, du musst nur wie du schon sagtest dem Button die Klasse zuordnen.

In deinem Beispiel:

<input name="submitButtonName" type="submit" class="button">

2 Leute, eine Meinung ;)

Die graue Schaltfläche ohne Rand bekommst du übrigens so:

.button {

font-family: Arial, Helvetica, sans-serif;

font-size: 10pt;

BORDER-TOP-WIDTH: 1px;

BORDER-LEFT-WIDTH: 1px;

BACKGROUND: #eeeeee;

BORDER-BOTTOM-WIDTH: 1px;

COLOR: #000000;

BORDER-RIGHT-WIDTH: 1px;

}

Original geschrieben von Spike

2 Leute, eine Meinung ;)

Dann muss es ja stimmen.... :D :D

Ähm, schlagt mich aber bei mir verändert sich der Button kein Stück! Woran kann das liegen? Nutze IE 6.0 SP1?

ALL :bimei

Original geschrieben von allthatsleft

Ähm, schlagt mich aber bei mir verändert sich der Button kein Stück!

Bei mir ändert sich nur die Schrift und die Schriftgröße. Egal ob ich den Style im <input ...> angebe, im Head oder in einer externen CSS - Datei. Die Farbe und der Rand ändern sich nicht.

Woran das wohl liegen mag?

ja das interessiert mich auch, weil auf vielen Seiten im Netz sehe ich diese Darstellung von Buttons ...aber warum ich das selbst nicht hinbekomme?

ALL :bimei

ok ok geht doch ... :) Ich nehme alles zurück ... hatte nur "=" mit ":" verwechselt!

Thanks

ALL :bimei

ja genau da... sorry!

MfG

ALL :bimei

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.