Zum Inhalt springen

Bilder ohne Tabelle

Erstellt am 14. Oktober 2004 · 12 Antworten · letzte Antwort am 12. Juli 2005

Tags: Bilder, Frage

jonas8 ·

Hallo Leute
Kann mir bitte jemand sagen wie ich Bilder darstellen kann ohne dass mir Typo3 eine Tabelle drum macht?
Oder wo soll ich suchen?

Vielen Dank und freundliche Grüsse
Jonas :o

jonas8 ·

Hallo maxhb

Danke für die Info.
Ich hab gesehen die Erweiterunge ist noch 'Experimental' und hat keine Dokumentation.

Kannst du bitte kurz deine Erfahrungen schildern.
Und welche Auswirkungen die Erweiterung hat.

Werden auch noch andere Inhalte von der Erweiteung betroffen?

Was ist das IMGTEXT cObject genau?

oder wo kann ich das nachschauen?

ok, vielen Dank und have a lot of fun
Jonas

maxhb ·
jonas8 schrieb

Ich hab gesehen die Erweiterunge ist noch 'Experimental' und hat keine Dokumentation.

Kannst du bitte kurz deine Erfahrungen schildern.
Und welche Auswirkungen die Erweiterung hat.

Ja, sie ist "Experiment, allerdings wohl nicht im Sinne von "bricht ständig zusammen und korrumpiert die DB". Sie läuft bei mir sehr stabil, nur muss man den HTML-Output halt ein wenig nachtunen, aber das ist für das Gesamsystem unkritisch.

jonas8 schrieb

Werden auch noch andere Inhalte von der Erweiteung betroffen?

Nein.

jonas8 schrieb

Was ist das IMGTEXT cObject genau?

Content-Element Text mit Bild

CU
maxhb

jonas8 ·

Hallo maxhb

Vielen Dank für die Informationen
Ich konnte heute Morgen die Erweiterungen installieren:
css_styled_content + css_styled_imgtext

Aber ich habe keine Änderungen am HTML festgestellt:
Wenn ich ein Bild auf der Seite einfüge macht mir Typo3 diesen HTML:

<a name="185"></a>

<div align="left">

<table width="350" border="0" cellspacing="0" cellpadding="0"  class="imgtext-table">

<tr><td colspan="1"><img src="clear.gif" width="350" height="1" alt="" /></td></tr>

<tr><td valign="top"><img src="uploads/pics/blumen_01.jpg" width="350" height="226"  border="0" align="top" alt="" title="" /><br /></td></tr>

</table>

</div>

<img src="clear.gif" width="1" height="6" border="0" class="spacer-gif" alt="" title="" /><br />

Muss ich noch weitere Anpassungen machen, damit Typo3 die Erweiterung auch umsetzt?
Denn dies ist der selbe HTML wie ohne Erweiteung...

Vielen Dank und Gruss
Jonas

maxhb ·
jonas8 schrieb

Muss ich noch weitere Anpassungen machen, damit Typo3 die Erweiterung auch umsetzt?
Denn dies ist der selbe HTML wie ohne Erweiteung...

Ups, hatte ganz vergessen zu erwähnen, dass Du in Deinem TS-Template unter "Include static (from extensions):" die Extension CSS styled Imgtxt auswählen musst, sonst läuft sie nicht 😉

CU
maxhb

jonas8 ·
maxhb schrieb

Ups, hatte ganz vergessen zu erwähnen, dass Du in Deinem TS-Template unter "Include static (from extensions):" die Extension CSS styled Imgtxt auswählen musst, sonst läuft sie nicht 😉

ok, das hab ich dann auch gesehen...
Hab mir noch die Doku zu "css styled page content" angeschaut...
ich hab dann content (default) + styles.content (default) gelöscht und css styled content + css styled imgtext aktiviert.
aber der HTML-Code ist immernoch mit Tabellen??
Bei dir nicht?

	<!--  CONTENT ELEMENT, uid:186/image [begin] -->
		<a name="186"></a>

		<!--  Image block: [begin] -->
		<div align="center">
		
		<table width="350" border="0" cellspacing="0" cellpadding="0"  class="imgtext-table">
		
		<tr><td colspan="1"><img src="clear.gif" width="350" height="1" alt="" /></td></tr>
		
		<tr><td valign="top"><img src="uploads/pics/blumen_03.jpg" width="350" height="226"  border="0" align="top" alt="" title="" /><br /></td></tr>
		
		<tr><td colspan="1" align="center"><p class="csc-caption">Vielen Dank für die Blumen!</p></td></tr>
		
		</table></div><img src="clear.gif" width="1" height="6" border="0" class="spacer-gif" alt="" title="" /><br />
		
		<!--  Image block: [end] -->
	<!--  CONTENT ELEMENT, uid:186/image [end] -->

Gruss Jonas

jonas8 ·

Hello
ok, ich hab glaub das Problem gesehen:
Wenn ich "Text mit Bild" wähle kommts gut - ohne Tabelle
Wobei die Abstände und Hintergrundfarben nicht stimmen, wo kann ich diese ändern?
Auch wenn ich den Text um das Bild möchte, gibts noch Probleme.

Wenn ich aber "nur Bild" wähle, macht er mir immer noch eine Tabelle. Wie kann ich das verhindern?

Für weitere Hilfe bin ich sehr froh.
Gruss Jonas :p

jonas8 ·

hi fez 😃
na ja, nicht so wirklich.
bin immernoch am suchen, hab aber das Thema mal etwas hintenangestellt.

jemand hat eine Lösung geschrieben.
finde aber den Link nicht mehr, hab ihn im Büro

eine zwischenlösung ist:
kein content-element "nur Bild" zu verwendnen... sondern "Text mit Bild" und kein Text... 😢

(ich hab Lern-Ferien und bereite mich auf das LPCI-1 vor, Linux Professional Institute Certifikation)
http://www.lpi.org/de/home.html

bitte melde dich, wenn du eine gute Lösung gefunden hast.

gruss jonas 😉

fez ·

Jo, hab was gefunden, was soweit ganz gut tut:
das alles in das setup des entsprechenden templates packen:

// Wirft das CLEAR.GIF raus
tt_content.image.20.spaceBelowAbove = 0
tt_content.header.stdWrap.space = 0|0
tt_content.stdWrap.space = |
tt_content.stdWrap.spaceBefore = 0
tt_content.stdWrap.spaceAfter = 0
lib.stdheader.stdWrap.space = 0|0 
tt_content.textpic.20.noStretchAndMarginCells = 1
tt_content.image.20.noStretchAndMarginCells = 1

FEZ

manatwork ·

Das dürfte die einfachste Lösung sein wenn man sich den ganzen Typo3 Formatierungsschrott sparen möchte - egal ob Tabelle, Image oder andere Contentelemente. Einfach den "sauberen Sourcecontent" des jeweiligen Contentelements in ein eigenes PHP Script umleiten. Somit gehört die Kontrolle zu 100% euch :-)

Setup:
----------------------------------------------------

seite.includeLibs.scriptlibrary = fileadmin/inc/functions_lib.php

# HTML um Bild entfernen
tt_content.image >
tt_content.image = COA
tt_content.image {
10 = TEXT
10.field = image
10.preUserFunc = user_Textpic
}

In functions_lib.php findet sich z.B. das:

function user_Textpic($content,$conf) {


$image = "uploads/pics/$content";
$size = GetImageSize($image);
$source = '<img src="'.$image.'" width="'.$size[0].'" height="'.$size[1].'">';

return $source;
}

Fertig!

_o3_ ·

@manatwork
ich habe eine date test_func.inc erstellt und hochgeladen, ins setup dein TS reingepackt und bekomme folgende fehlermeldung

function user_Textpic($content,$conf) { $image = "uploads/pics/$content"; $size = GetImageSize($image); $source = ''; return;

scheinbar habe ich da nen fehler gemacht...
wäre nett wenn ich nen tipp bekäme..

edit:
da ich auch festgestellt habe das ich mit der entfernung der clear.gifs nicht ganz erfolgreich war! wenn ich nen textpic erstelle und 3bilder (3spalten) angebe, sind es im endeffekt 5spalten. zwischen den bildern befinden sich blind.gifs mit 10px breite.