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 09.03.2010, 16:54  
Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 34
PHP-Kenntnisse:
Fortgeschritten
monk befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] CSS Problem, Links ausrichten

Hallo

Ich habe untenstehender Code. Bei einem mehrzeiligen Text (class=feld) wird es korrekt angezeigt. Bei einem kurzen Text wird es aber rechtsbündig ausgerichtet anstatt links. Trage ich bei .feld float:left ein, verhaut es aber das ganze Layout.


Code:
.reihe 
{
	background-color:green;
	margin-bottom:10px;
	padding-bottom:20px;
	display:block;
	float:left;
}


.label 
{
	background-color:yellow;
	float:left;
	padding-right:20px;
	margin-right:20px;
	display:inline;
	clear:right;
}

.feld
{
	background-color:blue;
	float:right;
	display:inline;
}

Code:
<div class="reihe">
    	<div class="label">Text</div>
    	<div class="feld">Das ist ein Text - Das ist ein Text<input type="hidden" value="test" name="ID"></div>
</div>


<div class="reihe">
    <div class="label">Text</div>
    <div class="feld">Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
</div>
</div>



<div class="reihe">
    <div class="label">Text</div>
    <div class="feld">Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
    					Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - Das ist ein Text - 
</div>
</div>

<div class="reihe">
    <div class="label">Text</div>
    <div class="feld">Das ist ein Text - Das ist ein Text</div>
</div>
Ich komme hier einfach nicht mehr weiter...
monk ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

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

Alt 09.03.2010, 18:05  
Erfahrener Benutzer
 
Registriert seit: 26.10.2003
Beiträge: 592
Baltasar zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

float ist nicht die textausrichtung!!!!!!!!!!!!!!!!!!!!

text-align.....

das sind echt grundlagen!
Baltasar ist offline   Mit Zitat antworten
Alt 09.03.2010, 18:46  
Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 34
PHP-Kenntnisse:
Fortgeschritten
monk befindet sich auf einem aufstrebenden Ast
Standard

Danke... hilft mir aber auch nicht weiter....
monk ist offline   Mit Zitat antworten
Alt 09.03.2010, 19:07  
Neuer Benutzer
 
Registriert seit: 09.03.2010
Beiträge: 23
PHP-Kenntnisse:
Anfänger
Kardey befindet sich auf einem aufstrebenden Ast
Standard

Was ist denn eigentlich genau Dein Ziel?
Soll sich .label links von .feld befinden, sodass sich .label und die erste Zeile von .feld in der selben Zeile befinden (was beim jetzigen Code beim kurzen Text der Fall ist) oder soll sich .label oberhalb von von .feld befinden (was beim jetzigen Code beim langen Text der Fall ist)?
__________________
Kardey
Kardey ist offline   Mit Zitat antworten
Alt 09.03.2010, 19:20  
Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 34
PHP-Kenntnisse:
Fortgeschritten
monk befindet sich auf einem aufstrebenden Ast
Standard

Mein Ziel ist das erstere, es soll so sein dass die erste Zeile von .feld auf gleicher Höhe wie .label ist und .label linksbündig angeordnet wird - momentan ist das der Fall beim langen (mehrzeiligen) Text im IE:



...und beim kurzen Text im Firefox
monk ist offline   Mit Zitat antworten
Alt 09.03.2010, 19:35  
Erfahrener Benutzer
 
Registriert seit: 26.10.2003
Beiträge: 592
Baltasar zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

1.) warum floatest du etwas, was offensichtlich ein reihe bzw. zeile erzeugen soll? das kann da wohl raus...

2.)bei .label kann clear:right raus..macht an der stelle eh gar keinen sinn

3.)bei .label float:left setzen

4.)bei .feld den margin-left gleich der breite von .label setzen

fertig.
Baltasar ist offline   Mit Zitat antworten
Alt 09.03.2010, 19:58  
Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 34
PHP-Kenntnisse:
Fortgeschritten
monk befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Baltasar Beitrag anzeigen
1.) warum floatest du etwas, was offensichtlich ein reihe bzw. zeile erzeugen soll?
...weil ich leider zuwenig Ahnung von CSS habe, und es nur ungefähr alle 6 Monate wieder brauche.


Vielen herzlichen Dank Baltasar, jetzt klappts! Und es sieht sogar noch gleich aus im IE und FF


Gruss
Monk
monk ist offline   Mit Zitat antworten
Alt 09.03.2010, 20:33  
Erfahrener Benutzer
 
Registriert seit: 26.10.2003
Beiträge: 592
Baltasar zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

passt schon. merk dir für die zukunft einfach: CSS 4 You - The Finest in Stylesheets

da findest du alle css-eigenschaften mit beschreibung inklusive einiger tuts zu den gängigsten css-geschichten.
Baltasar 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
Script zum auslesen von Links Lunix PHP Tipps 2010 7 16.03.2010 12:28
[Erledigt] Problem mit Mehrsprachigkeit Sniper_Kotaro PHP Tipps 2009 2 16.12.2009 11:47
Problem beim berenzten ausgeben von links in einer blätterfuntion litterauspirna PHP Tipps 2009 3 04.11.2009 15:37
Umlaut Problem nokieone PHP Tipps 2009 7 16.10.2009 19:30
Formatierte Ausgabe von PHP generierten Links larsos PHP Tipps 2009 2 15.10.2009 20:04
Modul: mod_rewrite | Problem: Regel schreibt Links um die es nicht soll kn0wledge Server, Hosting und Workstations 0 14.10.2009 22:01
Seltsames Problem mit preg_replace Nightuser PHP Tipps 2009 10 17.06.2009 22:25
[Erledigt] Problem beim übergeben von Links aus Formularen Baum123 PHP Tipps 2009 4 07.04.2009 12:45
Problem mit Links DJ Nuno HTML, Usability und Barrierefreiheit 0 17.10.2007 07:24
Links im Text GELight PHP Tipps 2006 3 13.10.2006 17:35
Problem bei der PDF Generierung HTML2PDF von rustyparts.com joni1980 PHP-Fortgeschrittene 2 23.09.2005 16:15
Include Problem! Links inerhalb eines Includes ... PHP Tipps 2005-2 14 23.07.2005 20:20
Tabelle ganz links lalala HTML, Usability und Barrierefreiheit 1 06.07.2005 14:29
Problem mit eigenem CMS PHP Tipps 2005 5 13.04.2005 14:04
Problem mit & Zeichen in Links HTML, Usability und Barrierefreiheit 4 14.02.2005 22:19

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
css links in reihe bringen, css links ausrichten, css link ausrichten, css ausrichtung links, links ausrichten css, php links ausrichten, css label linksbündig, http://www.php.de/html-usability-und-barrierefreiheit/65511-erledigt-css-problem-links-ausrichten.html, css label ausrichten, css alles links ausrichten, label linksbündig, css links in einer reihe, css div ausrichten links, link ausrichten css, php linksbündig, css linksbündig ausrichten, html links ausrichten, css linksbündig, label links ausrichten, label css linksbündig

Alle Zeitangaben in WEZ +1. Es ist jetzt 22:25 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