SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

PHP 5.3 & MySQL 5.1

PHP 5.3 & MySQL 5.1 zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 02.06.2009, 23:55:22
Benutzerbild von rarios
rarios rarios ist offline
Member
 
Registriert seit: Jun 2006
Beiträge: 655
float-Technik

Hallo alle zusammen.
Ich habe ein kleines float-Problem.
Und zwar erzeuge ich jeweils 2 Div's pro Zeile.
Beispiel:
PHP-Code:
{
echo 
'<div style="float:left; margin-right:20px; text-align:right; width:400px; max-width:400px;">'.$result_2['name'].'</div><div style="margin-left:20px; text-align:left;">&nbsp;'.$result_1[$spalte].'</div>';

Das sieht dann auch folgendermaßen aus: (Angehängte Grafik test1.jpg)

Sobald aber zuviel Inhalt in einer der Div's ist, wird es hässlich: (Angehängte Grafik test2.jpg)


Kennt jemand Abhilfe?
Dankeschön,
Euer rarios
Angehängte Grafiken
Dateityp: jpg test1.jpg (41,7 KB, 61x aufgerufen)
Dateityp: jpg test2.jpg (50,0 KB, 56x aufgerufen)
__________________
Liebe Grüße
Mit Zitat antworten
  #2  
Alt 03.06.2009, 10:23:08
Benutzerbild von Indyk
Indyk Indyk ist offline
Member
 
Registriert seit: Aug 2006
Ort: Lübeck
Alter: 38
Beiträge: 900
Indyk eine Nachricht über ICQ schicken
AW: float-Technik

Hallo rarios,

PHP / MySQL
Feldlänge begrenzen (bestimmt schon selbst darauf gekommen)

HTML / CSS
das attribut overflow:hidden (oder ähnliches) verwenden
es gibt auch möglihckeiten zeilenumbrüche zu verhindern (hab das attribut incht im kopf)

was genau möchtest du denn erreichen? soll es kein umbruch geben? soll es noch hübsch aussehen mit langem text? wie stellst du dir das vor? das der umbruch wie bei einer auflistung eingereiht bleibt?
Mit Zitat antworten
  #3  
Alt 03.06.2009, 10:34:14
reinhardlange reinhardlange ist offline
Anfänger
 
Registriert seit: Nov 2007
Ort: Flörsheim a.M.
Alter: 69
Beiträge: 144
AW: float-Technik

Moin,

es gibt noch die Möglichkeit in CSS das float-Element aufzuheben:

Code:
.text
clear: left; /* oder clear: right; - oder clear: both; */
d.h. das/die nächste(n) Element(e) wird/werden vom float ausgenommen

Damit kann man das Problem u.a. bei Bildern (es fliesst der Text um das Bild), wenn das Bild höher ist, als der Text ... kommt der nächste Text (oder z.B. <hr>) unter das Bild.

... muss man aber mal etwas "ausprobieren" und das Verhalten ansehen.

Gruss Reinhard
Mit Zitat antworten
  #4  
Alt 03.06.2009, 16:24:23
cortex cortex ist offline
SELFPHP Profi
 
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
AW: float-Technik

warum gibst du dem rechten container keine feste breite?

cx
Mit Zitat antworten
  #5  
Alt 03.06.2009, 17:20:54
Benutzerbild von rarios
rarios rarios ist offline
Member
 
Registriert seit: Jun 2006
Beiträge: 655
AW: float-Technik

Das würde an der Tatsache, dass dieser eklige Zeilenumbruch erscheint leider nichts ändern.
Es geht mir einfach darum, dass sobald ein Zeilenumbruch notwendig ist, die 2. (3./4./n.) Zeile unter der 1. anfängt.
Ich werde mich mit Euren Tipps jetzt einmal beschäftigen.
__________________
Liebe Grüße
Mit Zitat antworten
  #6  
Alt 03.06.2009, 17:31:55
cortex cortex ist offline
SELFPHP Profi
 
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
AW: float-Technik

Zitat:
Zitat von rarios Beitrag anzeigen
[...] dass sobald ein Zeilenumbruch notwendig ist, die 2. (3./4./n.) Zeile unter der 1. anfängt.
wie gesagt... begrenze die breite der zeile; dabei linken und rechten teil unterscheiden . so könntest du jede zeile in 2 separate container (z.b. div, p) packen.

da es sich um tabellarische daten handelt, könntest du den einsatz einer tabelle erwägen; aus semantischer sicht wäre daran sicher nichts auszusetzen .-

cx
Mit Zitat antworten
  #7  
Alt 03.06.2009, 17:34:32
cortex cortex ist offline
SELFPHP Profi
 
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
AW: float-Technik

Zitat:
Zitat von rarios Beitrag anzeigen
Das würde an der Tatsache, dass dieser eklige Zeilenumbruch erscheint leider nichts ändern
glaub ich nicht. wenn man 2 container hat (den linken und den rechten) und beide floaten (bei dir hat nur der linke die entsprechende eigenschaft) brechen überlange zeilen nicht aus dem container heraus.

cx
Mit Zitat antworten
  #8  
Alt 04.06.2009, 00:26:22
Benutzerbild von rarios
rarios rarios ist offline
Member
 
Registriert seit: Jun 2006
Beiträge: 655
AW: float-Technik

mhm das klingt nett, ich werde es ausprobieren.

Ich hab dieses Thema Tabelle oder Div langsam satt ;-) ,
manchmal denke ich, dass eine Tabelle wirklich oft hilfreicher ist als Div's und trotzdem meide ich sie.
__________________
Liebe Grüße
Mit Zitat antworten
  #9  
Alt 04.06.2009, 01:45:42
Chance Chance ist offline
Anfänger
 
Registriert seit: May 2007
Alter: 44
Beiträge: 53
Chance eine Nachricht über ICQ schicken
AW: float-Technik

CSS ist Fummelage ^^ :D .
Einfach, aber doch kompliziert...

Wenn jemand mal lust hat, auf meiner HP wurde mit Hilfe von negativen margins ein Content vor Seitenboxen im Quellcode erzielt.


Es hat eigentlich, wie cortex bereits geschrieben hat, nur ein float:left; und width:400px; für die rechte Seite gefehlt:

PHP-Code:
<div style="float:left; margin-right:20px; text-align:right; width:400px; max-width:400px;">Test 1</div><div style="margin-left:20px; text-align:left;width:400px;float:left;">&nbsp;Test2</div>
<
div style="float:left; margin-right:20px; text-align:right; width:400px; max-width:400px;">Test 3</div><div style="margin-left:20px; text-align:left;width:400px;float:left;">&nbsp;

ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantiumtotam rem aperiameaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicaboNemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitsed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciuntNeque porro quisquam estqui dolorem ipsum quia dolor sit ametconsecteturadipisci velitsed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatemUt enim ad minima veniamquis nostrum exercitationem ullam corporis suscipit laboriosamnisi ut aliquid ex ea commodi consequaturQuis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequaturvel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

</
div>

<
div style="float:left; margin-right:20px; text-align:right; width:400px; max-width:400px;">Test 4</div><div style="margin-left:20px; text-align:left;width:400px;float:left;">&nbsp;Test5</div
__________________
Das Leben ist ein komisches Spiel...
Aber die Grafik ist GEIL !

Geändert von Chance (04.06.2009 um 01:51:05 Uhr) Grund: Beispiel verbessert.
Mit Zitat antworten
  #10  
Alt 04.06.2009, 15:16:19
cortex cortex ist offline
SELFPHP Profi
 
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
AW: float-Technik

Zitat:
Zitat von rarios Beitrag anzeigen
manchmal denke ich, dass eine Tabelle wirklich oft hilfreicher ist als Div's und trotzdem meide ich sie.
jede technik hat ihre daseinsberechtigung: tabellen für das layout einer website missbrauchen...? nein. mit divs tabellarische strukturen nachbauen...? nein.

eigentlich ganz einfach .-

cx
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

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

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IExplorer <-> Firefox + CSS rsciw HTML, CSS und JavaScript Help! 10 25.09.2006 17:06:34
string in float daniel29 PHP Grundlagen 5 07.05.2006 20:55:25
float und die Nachkommastellen thunderbird85 PHP Grundlagen 2 18.02.2006 15:05:05
float - variable ->MySQl-Tabel Nachkomma-Stellen abgeschnitten ?? Hanjo PHP Grundlagen 9 06.01.2004 11:55:07
CSS frage: float Gweilo HTML, CSS und JavaScript Help! 1 18.09.2003 22:40:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:50:17 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt