Ergebnis 1 bis 7 von 7

Thema: Text mittig von Grafik setzen

  1. #1
    Kaiser(in)
    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text mittig von Grafik setzen

    Ich habe eine Grafik, die 16px mal 16px groß ist. Dahinter steht ein Text in Größe 11px. Wie schaffe ich es, dass der Text jetzt mittig (vertikal gesehen) mittig von den Grafik steht?

    Gruß
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Text mittig von Grafik setzen

    Setz die Grafik auf "display: inline;", nimm KEIN float für diese, leg einen Absatz um Text und Bild und definiere für den Text "vertical-align: middle;". Müsste theoretisch reichen.

  3. #3
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text mittig von Grafik setzen

    wie wärs damit, den Text in eine Box zu setzen, dieser die Grafik als Hintergrund zuzuweisen und noch text-align: center zu setzen?

  4. #4
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text mittig von Grafik setzen

    Zitat Zitat von jojo87 Beitrag anzeigen
    wie wärs damit, den Text in eine Box zu setzen, dieser die Grafik als Hintergrund zuzuweisen und noch text-align: center zu setzen?
    Die Variante hat mir am Besten gefallen! Ich bin immer wieder beeindruckt, wie simpel CSS ist. So simpel, dass man häufig "den Wald vor lauter Bäumen nicht sieht". Danke!

  5. #5
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text mittig von Grafik setzen

    Komischerweise, klappt die Variante bei einem anderen Div jetzt nicht.
    Code:
    <div id="header">
       <form method="get" id="sform" action="<?php bloginfo('home'); ?>/">
          <img src="<?php bloginfo('stylesheet_directory'); ?>/images/search.gif" alt="Search:" /> 
          <input type="text" id="q" value="<?php echo wp_specialchars($s, 1); ?>" name="s" size="15" />
       </form>
    </div>
    Die Style-Angabe sieht so aus
    Code:
    #header {
    		width: 100%;
    		height: 61px;
    		margin: 2.0em 0 6.0em 0;
    		padding: 0;
    		background: url(images/header.png) left no-repeat;
    		text-align: right;
    		vertical-align: middle;
    	}
    Das Suchfeld soll also vertikal in der Mitte stehen, es "klebt" aber oben fest.

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text mittig von Grafik setzen

    versuchs mal mit line-height:16px;
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text mittig von Grafik setzen

    Zitat Zitat von driver Beitrag anzeigen
    versuchs mal mit line-height:16px;
    Du meinst wohl 61px - Danke, hat geklappt.

Ähnliche Themen

  1. text im div links aber div mittig
    Von gelöschter User im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 22.12.2007, 18:04
  2. Homepage mittig setzen ?? HILFE ??
    Von Gast im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 24.11.2007, 19:30
  3. mittig zentrierte text auf webside hüpft
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 05.10.2006, 12:40
  4. marquee - text mittig starten
    Von ramotzkie im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 24.07.2006, 13:40
  5. Text auf Grafik
    Von Sicarius im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 6
    Letzter Beitrag: 22.07.2005, 23:14

Stichworte

Berechtigungen

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