Bug #36541

in css hard-coded margin-left (or right) of 510px for "csc-textpic-text" in layout 25 and 26

Added by Kurt Kunig over 9 years ago. Updated almost 4 years ago.

Status:
Closed
Priority:
Must have
Assignee:
-
Category:
Frontend
Target version:
Start date:
2012-04-25
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
4.7
PHP Version:
5.3
Tags:
Complexity:
easy
Is Regression:
Sprint Focus:

Description

If you want to show an image with the look and feel of "intext-right-nowrap" e.g. you will have the layout

# intext-right-nowrap
   25 = TEXT
   25.value = <div class="csc-textpic csc-textpic-intext-right-nowrap###CLASSES###">###IMAGES######TEXT###</div>
# intext-left-nowrap
   26 = TEXT
   26.value = <div class="csc-textpic csc-textpic-intext-left-nowrap###CLASSES###">###IMAGES######TEXT###</div>

the result is:

<div id="c38" class="csc-frame csc-frame-frame1">
  <div class="csc-textpic csc-textpic-intext-left-nowrap">
     <div class="csc-textpic-imagewrap">
     <div class="csc-textpic-text">
  </div>
</div>

with a hard-coded margin-value like:

.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 510px; } in line 109 of the implemented standard-css of TYPO3

In former versions the margin was calculated based on the width of the inserted image!!!
So you have to correct this in your own template with:

tt_content.image.20.layout {
    # intext-right-nowrap
    25 = TEXT
    25.value = <div class="csc-textpic csc-textpic-intext-right-nowrap###CLASSES###">###IMAGES###<div style="margin-right:{register:rowWidthPlusTextMargin}px;">###TEXT###</div></div><div class="csc-textpic-clear"><!-- --></div>
    25.insertData = 1
    # intext-left-nowrap
    26 = TEXT
    26.value = <div class="csc-textpic csc-textpic-intext-left-nowrap###CLASSES###">###IMAGES###<div style="margin-left:{register:rowWidthPlusTextMargin}px;">###TEXT###</div></div><div class="csc-textpic-clear"><!-- --></div>
    26.insertData = 1
}


Files

36541.diff (1.95 KB) 36541.diff Torben Hansen, 2012-04-26 12:28
36541_2.diff (3.05 KB) 36541_2.diff Torben Hansen, 2012-04-27 10:36

Related issues

Related to TYPO3 Core - Bug #35814: Centering Images in Text with Image does not work due to missing styleClosedPatrick Broens2012-04-10

Actions
Related to TYPO3 Core - Feature #31767: Integrate accessible content renderingClosedOliver Hader2011-11-12

Actions
Related to TYPO3 Core - Bug #35586: maxWInText dont work as expectedClosed2012-04-03

Actions

Also available in: Atom PDF