mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 22:17 Benutzername: Passwort: Auto-Login

Thema: Probleme bei der Erstellung einer Schaltfläche mit css vom 17.06.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Probleme bei der Erstellung einer Schaltfläche mit css
Autor Nachricht
typo99
Threadersteller

Dabei seit: 16.06.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst So 17.06.2012 12:47
Titel

Probleme bei der Erstellung einer Schaltfläche mit css

 Antworten mit Zitat Zum Seitenanfang
hilfe! ich finde den fehler einfach nicht, seitdem ich die schaltfläche verlinkt hab wird der text unterstrichen. textdecoration: none brachte auch nichts. hier mein html-Quellcode

Code:
 <a href="html/jetzt_bestellen.html">
                    <div id="jetzt_bestellen_button"> Jetzt bestellen!
                    </div>
                    </a>



und css quellcode
Code:
#jetzt_bestellen_button {
    margin-top: 40px;
    margin-left: 550px;
    background-color: gray;
    color: white;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    width: 113px;
    height: 25px;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
}


#jetzt_bestellen_button:hover{
    margin-top: 40px;
    margin-left: 550px;
    background-color: #65AF1C;
    width: 113px;
    height: 25px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;








Uploaded with ImageShack.us
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst So 17.06.2012 13:33
Titel

Antworten mit Zitat Zum Seitenanfang
Kein Kommentar zur Qualität deines Quellcodes, kann mir jedoch beim besten Willen nicht vorstellen, dass a {text-decoration: none;} ergebnislos bleibt...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst So 17.06.2012 13:48
Titel

Antworten mit Zitat Zum Seitenanfang
Ein <div> hat innerhalb eins <a> nichts verloren!
(So wie es aussieht, gibst du vor, dass das <div> unterstrichen wird. Der Unterstrich den das <a> erzeugt wird nicht verhindert. Ist aber auch nicht weiter wichtig, da in einem Inline-Element kein Blockelement stecken darf.)

Versuch es mal so:
Code:
<a href="html/jetzt_bestellen.html" id="jetzt_bestellen_button">Jetzt bestellen!</a>


und beim CSS vieleicht noch ein display: block; ergänzen:
Code:
#jetzt_bestellen_button {
    display: block;
    text-decoration: none;
    ...


Zuletzt bearbeitet von top am So 17.06.2012 13:50, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
typo99
Threadersteller

Dabei seit: 16.06.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst So 17.06.2012 17:31
Titel

Antworten mit Zitat Zum Seitenanfang
Vielen dank top *Thumbs up!* * Applaus, Applaus *

Ich bin noch blutiger Anfänger was html und css angeht Grins . Ist meine erste Website. Ich wusste nicht dass man eine Schaltfläche ganz ohne div-Container erzeugt. Dein Tipp hat echt super geholfen. Es lag wirklich an dem div das mittendrin stand.
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst So 17.06.2012 20:12
Titel

Re: Probleme bei der Erstellung einer Schaltfläche mit css

 Antworten mit Zitat Zum Seitenanfang
top hat geschrieben:
Ein <div> hat innerhalb eins <a> nichts verloren!

Zumindest in HTML5 ist das erlaubt, aber natürlich ergibt es hier trotzdem keinen Sinn.

Und bei text-decoration ist es so, hat ein Element z.B. den Wert underline, bekommen auch unwiederbringlich alle Nachfahren die Unterstreichung - man kann sie nicht mehr aufheben (allenfalls Farbe & Dicke beeinflussen). Daher brachte none für das div auch nix, denn die default-Unterstreichung von a wirkte weiterhin.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Probleme mit Flash-Schaltfläche...
MC innerhalb Schaltfläche 1, von Schaltfläche 2 ansteuern
Probleme im IE 7 und IE 6 bei Erstellung einer Website!
schaltfläche im indesign
Movieclip Schaltfläche
Flash // schaltfläche
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB