Zum Inhalt springen

bilder per Rahmen / Layout mit eigener css

Erstellt am 6. März 2007 · 4 Antworten · letzte Antwort am 7. März 2007

Tags: Frage

rpretory ·

Hallo Leute

ist es möglich bilder (Contenelement = Text mit Bild)
per rahmen oder layout
mit verschieden class's oder id's einzufassen
um die Bilder mit verschieden Abständen zu versehen.

bin um jede Hilfe dankbar habe mich schon verrückt gegoogelt
HG
Roman

einpraegsam.​net ·

Also da es sich um Cascading Stylesheets handelt - jein...

Du kann z.B. verschiedene Rähmen festlegen und diverse DIV Container um dein Contentelement legen.

Dann einfach per CSS anders formatieren - so oder so ähnlich:

div.deincontainer div.csc-textpic div.csc-textpic-imagewrap img { padding 50px; }
UserNeo ·

Einfach in die CSS Datei schreiben, welches du für das Template benutzt.

wunschtacho schrieb

Dann einfach per CSS anders formatieren - so oder so ähnlich:

div.deincontainer div.csc-textpic div.csc-textpic-imagewrap img { padding 50px; }
rpretory ·

ich denke hier liegt ein missverständniss vor.

wie ich das bild mit css formatiere ist mir klar

ich benötige den Typoscipt code mit dessen Hilfe ich das Bild in ein div setze.

z.b.

tt_content.stdWrap.innerWrap.cObject.1 = TEXT
tt_content.stdWrap.innerWrap.cObject.1.value = <div id="zitat1">|</div>

erzeugt ein id="zitat1" im bild bei ##22##

ich benötige ein div class bei ##1## oder ##2##
die ich im backend unter Bilder borderlayout: layout1-8
verändern kann zb. ##2## = class="Layout2" bei layout2
##3## = class="Layout3" bei layout3

wenn ich noch den Text ändern könnte wäre fein.
Das bekomme ich mit "

TCEFORM.tt_content.image_frames.disabled = 0
TCEFORM.tt_content.image_frames.altLabels {
3 = Custom Frame
}

" gebacken.

##2##<a href="inex.php.....d33471a166" 
onclick="openPic('/index.php?eID=tx_cms_showpic.....jpg&amp;width....','thePicture','width=400,height=600,status=0,menubar=0'); return false;" 
target="thePicture">##1##<img src="typo3temp/pics/c2059ed58c.jpg" width="106" height="159" border="0" alt="" ##22##/>##1##</a>##2##
</dt>

HG
Roman