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
|
:: Anbieterverzeichnis ::
Globale Branchen
Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP
:: Newsletter ::
Abonnieren Sie hier den kostenlosen
SELFPHP Newsletter!
|
HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen |
02.06.2009, 23:55:22
|
|
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;"> '.$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
__________________
Liebe Grüße
|
03.06.2009, 10:23:08
|
|
Member
|
|
Registriert seit: Aug 2006
Ort: Lübeck
Alter: 38
Beiträge: 900
|
|
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?
|
03.06.2009, 10:34:14
|
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
|
03.06.2009, 16:24:23
|
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
|
03.06.2009, 17:20:54
|
|
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
|
03.06.2009, 17:31:55
|
SELFPHP Profi
|
|
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
|
|
AW: float-Technik
Zitat:
Zitat von rarios
[...] 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
|
03.06.2009, 17:34:32
|
SELFPHP Profi
|
|
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
|
|
AW: float-Technik
Zitat:
Zitat von rarios
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
|
04.06.2009, 00:26:22
|
|
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
|
04.06.2009, 01:45:42
|
Anfänger
|
|
Registriert seit: May 2007
Alter: 44
Beiträge: 53
|
|
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;"> 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;">
ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel 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;"> 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.
|
04.06.2009, 15:16:19
|
SELFPHP Profi
|
|
Registriert seit: Apr 2008
Alter: 48
Beiträge: 1.938
|
|
AW: float-Technik
Zitat:
Zitat von rarios
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
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Ansicht |
Hybrid-Darstellung
|
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.
HTML-Code ist aus.
|
|
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 13:50:17 Uhr.
|