php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 25.04.2006, 23:52  
Benutzer
 
Registriert seit: 17.12.2005
Beiträge: 93
php_frage
Standard Text und Grafik zentriert in einer Zeile

Hallo

Eigentlich eine ganz triviale Angelegenheit, aber irgendwie will das nicht so richtig.

Wenn ich in einer normalen Textzeile wie diese eine Grafik einbinde, die etwa so hoch ist wie der Text, dann erscheint die Grafik in der Höhe versetzt zum Text. Etwa 2 Pixel höher als die untere Linie auf der der Text verläuft. Das sieht einfach nur bescheuert aus... ich hab schon alles probiert. Style display:inline, center usw aber nichts hilft. Der Browser macht das standardmässig so.

Wie kann man Grafiken auf gleicher Höhe wie Textzeilen einbinden, ohne jedes mal einen Table erstellen zu müssen damit Text und Grafik zentriert werden und sich nicht versetzt gegenüberliegen?

hoffe ihr versteht was ich meine. Hab leider kein Beispiel das online ist...
php_frage ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 26.04.2006, 03:39  
Erfahrener Benutzer
 
Registriert seit: 13.08.2007
Beiträge: 1.976
KingCrunch befindet sich auf einem aufstrebenden Ast
KingCrunch eine Nachricht über ICQ schicken KingCrunch eine Nachricht über AIM schicken KingCrunch eine Nachricht über MSN schicken KingCrunch eine Nachricht über Yahoo! schicken
Standard

in css margin? Mir scheint es so, als "reiße" er einen Rahmen um das Bild, was das Bild nach oben versetzt erscheinen lässt
__________________
Nicht jeder Fehler ist ein Bug.
KingCrunch ist offline   Mit Zitat antworten
Alt 26.04.2006, 08:00  
Erfahrener Benutzer
 
Registriert seit: 23.08.2007
Beiträge: 1.510
M3g4Star befindet sich auf einem aufstrebenden Ast
Standard

Warum zentrierst du den text nicht einfach vertikal ???



M3g4Star ist offline   Mit Zitat antworten
Alt 26.04.2006, 12:31  
Benutzer
 
Registriert seit: 17.12.2005
Beiträge: 93
php_frage
Standard

das mit dem vertikal zentrieren klappt ja eben nicht

mit dem Margin...gute idee ich probier's mal aus! 2 Grafiken direkt nebeneinander sind aber angeklatscht, also kein margin seitlich...
php_frage ist offline   Mit Zitat antworten
Alt 26.04.2006, 12:39  
Benutzer
 
Registriert seit: 17.12.2005
Beiträge: 93
php_frage
Standard

nope ... hat nichts mit margin oder padding zu tun. Die Grafik erscheint auch vor oder nach einem input-tag um etwa 2 oder 3 pixel nach oben versetzt!
php_frage ist offline   Mit Zitat antworten
Alt 26.04.2006, 12:48  
Benutzer
 
Registriert seit: 17.12.2005
Beiträge: 93
php_frage
Standard

PHP-Code:
img {
    
vertical-aligntext-bottom;

ist des problems lösung...
php_frage ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Knifflige Frage zu gedrehtem Text auf grafik jumping-blueberry PHP-Fortgeschrittene 2 14.07.2008 16:08
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung Zergling-new Tutorials 6 25.01.2008 10:41
JavaScript: Text Area: Scrollen zu einer Zeile im Text SvenLittkowski HTML, Usability und Barrierefreiheit 13 28.11.2007 16:31
CSS - Bild im div container überlappt andere container Buschdieb HTML, Usability und Barrierefreiheit 13 19.07.2007 23:17
CSS - Design (clear - Problem) HTML, Usability und Barrierefreiheit 7 21.12.2005 14:55
Text aus der DB verteilen PHP Tipps 2007 17 16.11.2005 12:04
Dynamischer Text in einer Grafik per Formular einfügen PHP Tipps 2005-2 2 19.08.2005 00:55
Text nicht zentriert bei Firefox saibot HTML, Usability und Barrierefreiheit 2 31.07.2005 15:01
[Erledigt] Text + Grafik mit display:inline HTML, Usability und Barrierefreiheit 0 26.07.2005 13:50
[Erledigt] Link PHP Tipps 2005-2 10 20.07.2005 21:28
in zelle oben text und unten grafik am rand janni HTML, Usability und Barrierefreiheit 4 29.06.2005 23:35
[Erledigt] DIV´s wollen nicht wie ich das will :-) HTML, Usability und Barrierefreiheit 22 28.03.2005 18:36
Wie bekomm ich die Grafik rechts vom Text? (Align) Paulo HTML, Usability und Barrierefreiheit 5 24.09.2004 12:45
txt-Datei erstellen d-81 PHP Tipps 2004 12 11.08.2004 20:31

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
php text zentrieren, text zentrieren php, bild in zeile zentrieren, php text zentriert, php grafik zentrieren, html zelle zentrieren, html zeile zentrieren, php text mittig, text zentrieren in php, text in php zentrieren, php zentrieren text, php zeile zentrieren, css bild in zeile zentrieren, text zentriert php, http://www.php.de/html-usability-und-barrierefreiheit/39440-text-und-grafik-zentriert-einer-zeile.html, php zentrierter text, html bild in zeile zentrieren, grafik zentrieren php, zeile zentrieren html, text zentrieren mit php

Alle Zeitangaben in WEZ +2. Es ist jetzt 04:11 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.