ich habe keine blasse Ahnung wo ich das hin schreiben soll.
Hallo Rolf, da du mich so freundlich bittest:
ich habe mich am Beispiel "Wide" orientiert und dafür in den Quellcode von Stu's Beispiel geschaut:
|
Source code
|
1
2
3
4
5
6
|
<div class="out wide">
div class="in ltin tpin">
<h3>Wide</h3>
<p>One more text box that has a lot more text so that the box will be even taller and the shadow will still shadow to suit. The shadow color can be matched to the background and can also be positioned to the left or right.</p>
</div>
</div>
|
Was sehe ich da?
Er hat zwei Container um den betreffenden Absatz gepackt:
<div class="
out wide">
div class="
in ltin tpin">
und hier insgesamt
5 Klassen zugeordnet:
.out, .wide, .in, .ltin und .tpin
Die entsprechenden Styleangaben liefert er auch noch mit:
|
Source code
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
.out {
display:block;
background:#bbb;
border:1px solid #ddd;
position:relative;
margin:1em 0 0 10px;
}
.in {
background:#fff;
border:1px solid #555;
position:relative;
padding:5px;
font-weight:normal;
}
.ltin {
left:-5px;
}
.tpin {
top:-5px;
}
.wide {width:18em;}
|
(Ich habe für
.wide 100% genommen.)
Jetzt musst du nur noch die Styleangaben in dein Stylesheet basteln und die o.g. Container in die Tabellenzelle vor und nach der Grafikausgabe:
|
Source code
|
1
2
3
4
5
6
7
8
9
|
<cc:if cond="&mycol.picture">
<div class="out widetablepic">
<div class="intablepic ltin tpin">
......
</cc:if>
</div><!-- Ende in ltin tpin -->
</div><!-- Ende out wide -->
|
Da die Schatten ja auch Platz beanspruchen, muss der Wert für die Grafik neu berechnet werden. Ich habe für mein Beispieldesign folgende Berechnung eingesetzt:
|
Source code
|
1
|
<cc:picture uid="&mycol.picture" obj="tablepic" width="&plugin.width * &mycol.width / 120 - 20" suffix="'table'+&mycol.width">
|