Ergebnis 1 bis 5 von 5

Thema: Button mit Hintergrundfarbe beschriften

  1. #1
    HTML Newbie
    Registriert seit
    23.07.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Beitrag Button mit Hintergrundfarbe beschriften

    Hallo,
    seit längerem versuche ich einen Button, der eine Hintergrundfarbe haben soll, mittig zu beschriften.
    Das gelingt mir nicht mit allen Browsern.

    Diese Klasse nutze ich:
    .button_blue{
    background: white url('../Bilder/blue.png') no-repeat top;
    width: 75px;
    height: 20px;
    color:black;
    }

    Und so sieht der Code für den Button aus:
    <button class="button_blue" type="submit" name="subAdv" value="A">
    <div align="center">
    <p> AdvB<br/> </p>
    </div>
    </button>

    Beim IE ist gar keine Beschriftung zu sehen, weder im Button noch außerhalb.
    Beim Firefox steht sie unter dem Button.
    Aber mit Chrome steht die Schrift wie gewünscht mitten im Button.
    Hat jemand einen Tip?
    Ich suche schon seit Tagen und komme einfach nicht weiter.

    henry59
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Button mit Hintergrundfarbe beschriften

    css!!
    Code:
    text-align:center
    das richtet den text in deinem element mittig aus
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    23.07.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Button mit Hintergrundfarbe beschriften

    Danke für die Antwort.
    Das hat leider nichts gebracht, egal ob ich es in der Klasse oder im div-Tag unterbringe.
    Hat noch jemand eine Idee?

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Button mit Hintergrundfarbe beschriften

    ok, zerlegen wir das ganze mal:
    ein button hat standardmässig seine texte mittig ausgerichtet, warum is das bei dir offensichtlich nicht der fall?

    dann is grundlegend ein block-element nicht in ein inline-element zu legen, wieso stopfst du gleich ein div und ein p in deinen button?
    dann schreibste noch das align-attribut in den code vom div -was völlig unsinnig ist, denn:
    a) wie bereits erwähnt die mittige ausrichtung
    b) werden aussehen und script ausgelagert, damit die entsprechenden codes anständig getrennt und sauber sind.


    möglicher lösungsweg:
    du lädst deine seite irgendwo hoch, damit man den code live inspizieren kann, damit man mögliche abhängigkeiten entdeckt und dir entsprechend helfen kann
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    23.07.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Beitrag AW: Button mit Hintergrundfarbe beschriften

    Teilerfolg: blue.png auf 75x20px verkleinert (war 80x40)
    Mit Firefox ist jetzt die Schrift im Button.
    Lösung: In meinem .css-File war folgende Notierung

    body {
    background-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 2em;
    color: #336699;
    margin-top: 0.1em;
    margin-right: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0.1em;
    }

    ‚line-height’ war das Problem. Werte über 1.0em führen dazu, dass die Schrift vertikal nicht mehr mittig ist und nach unten verschoben wird, jedenfalls im IE.

    Vielen Dank für Deine Unterstützung. Das hat mich in die richtige Richtung gestupst und mir sehr geholfen.

Ähnliche Themen

  1. Hintergrundbild + Hintergrundfarbe???
    Von DariaUrania im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 06.11.2008, 01:06
  2. Hintergrundfarbe in Textfeld?
    Von UG aus BO im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 21.04.2008, 21:43
  3. FCKeditor und Hintergrundfarbe
    Von y27y im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 10.02.2007, 19:46
  4. Problem mit Hintergrundfarbe
    Von gast im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 15.12.2005, 19:50
  5. Hintergrundfarbe
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 28.08.2005, 15:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •