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 ::

TYPO3 Kochbuch

TYPO3 Kochbuch 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 03.07.2006, 17:31:46
MatMel MatMel ist offline
Member
 
Registriert seit: Aug 2005
Beiträge: 644
MatMel eine Nachricht über ICQ schicken
Bilder umfleißen lassen

Hallo

Ich möchte Bilder in einem Artikel von Text umlaufen lassen.
Da ist ja auch mit float: left/right und dann clear nicht weiter Problematisch.

Das gaze soll dann so aussehen:
Code:
########### Text Text Text Text Text 
#         # Text Text Text Text Text 
#         # Text Text Text Text Text 
# BILD    # Text Text Text Text Text 
#         # Text Text Text Text Text 
########### Text Text Text Text Text 
Text Text Text Text Text Text Text Text 
Text Text Text Text Text Text Text Text 
Text Text Text Text Text  ########### 
Text Text Text Text Text  #         # 
Text Text Text Text Text  #         # 
Text Text Text Text Text  #BILD     # 
Text Text Text Text Text  #         # 
Text Text Text Text Text  ########### 
########### Text Text Text Text Text 
#         # Text Text Text Text Text 
#         # Text Text Text Text Text 
# BILD    # Text Text Text Text Text 
#         # Text Text Text Text Text 
###########
usw.
Problem ist jetzt, dass ich den Text dynamisch per php da reinschreib und die Bilder vorher nicht kenn.
Wie schaff ich es jetzt dass es keinen (oder einen festgelegten) horizontalen Abstand gibt?

Gruß,
Matze

Geändert von MatMel (03.07.2006 um 17:33:16 Uhr)
Mit Zitat antworten
  #2  
Alt 03.07.2006, 19:20:18
Benutzerbild von xabbuh
xabbuh xabbuh ist offline
SELFPHP Guru
 
Registriert seit: May 2003
Beiträge: 7.187
AW: Bilder umfleißen lassen

Dann setze doch über margin für das Bild einen bestimmten Abstand.
Mit Zitat antworten
  #3  
Alt 03.07.2006, 19:32:29
MatMel MatMel ist offline
Member
 
Registriert seit: Aug 2005
Beiträge: 644
MatMel eine Nachricht über ICQ schicken
AW: Bilder umfleißen lassen

Hmm mach ich mit margin nicht nur einen Innenabstand?
Das Problem ist ja, dass ich den Text an einem Stück hab, wenn ich jetzt aber die Bilder wirklich ohne Abstand untereinander machen will bis jetzt jedenfalls aufteilen muss.
Nur weiß ich natürlich nicht wieviele Zeilen Text jetzt neben die Bilder passen (weil die Bilder sowie der Text halt vom Benutzer hochgeladen bzw gespeichert werden).
Mit Zitat antworten
  #4  
Alt 11.05.2007, 16:48:00
Benutzerbild von maiskolben
maiskolben maiskolben ist offline
Junior Member
 
Registriert seit: Aug 2006
Ort: Bremen
Alter: 43
Beiträge: 247
AW: Bilder umfleißen lassen

Du meinst einen vertikalen Abstand, oder?
Also die Bilder sollen jeweisl Link/Rechts, aber ohne Abstand zum oberen/unteren Bild sein, richtig?

CSS-Aussenabstand:
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-buttom: 10px;

Doch Du kannst auch versuchen, die Bilder relativ zu positionieren...

Gruß, maiskolben
__________________
Worte haben Macht - nichts...
Mit Zitat antworten
  #5  
Alt 13.05.2007, 03:51:20
Benutzerbild von needcoffee
needcoffee needcoffee ist offline
Anfänger
 
Registriert seit: May 2007
Beiträge: 2
AW: Bilder umfleißen lassen

Zitat:
Zitat von MatMel Beitrag anzeigen
Hmm mach ich mit margin nicht nur einen Innenabstand?
Das Problem ist ja, dass ich den Text an einem Stück hab, wenn ich jetzt aber die Bilder wirklich ohne Abstand untereinander machen will bis jetzt jedenfalls aufteilen muss.
Nein, margin ist der äußere Abstand, padding der innere. Wenn du es also so haben möchtest, das links und rechts von deinem Bild ein Rand ist, aber oben und unten nicht, dann müsste z.B. folgendes in dein Stylesheet:
Code:
img {
margin: 0 10px;
}
In diesem Bsp. würde es bewirken das du oben sowie unten keinen Abstand hast und links sowie rechts einen Abstand von 10px. Du kannst den Abstand natürlich auch für jede Seite einzeln festlegen. Dabei kann man alles einzeln ausschreiben oder man gibt die Werte einfach im Uhrzeigersinn an. Also wäre das Ergebnis von:
Code:
img {
margin-top:12px;
margin-right:3px;
margin-bottom:6px;
margin-left:9px;
}
gleich dieser Schreibweise:
Code:
img {
margin:12px 3px 6px 9px;
}
Bei diesen Beispielen würden jetzt alle Bilder deiner Seite diese Formatierungen haben, achte also darauf das du die Werte dem img Attribut der gewünschten Klasse oder ID zuweist.

Geändert von needcoffee (13.05.2007 um 03:52:41 Uhr)
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
Bilder nach DB Abfrage anzeigen space PHP Grundlagen 1 12.06.2006 10:06:20
Bilder darstellen schickimicky PHP Grundlagen 5 12.01.2006 16:49:06
Bilder aus dem Server in Tabellen anzeigen shehrazade PHP Grundlagen 7 10.10.2005 16:23:44
Bilder aus einem Verzeichnis holen hoschy PHP Grundlagen 3 20.12.2004 17:38:54
Bilder Problem Adromir PHP für Fortgeschrittene und Experten 3 06.04.2004 11:49:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:10:39 Uhr.


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


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