Sliding doors
Matthias
- programmiertechnik
Hallo!
Ich habe auf meiner Internetseite das Prinzip der "Sliding doors" angewandt. Näheres hierzu findet man auch auf:
http://www.andreas-kalt.de/webdesign/tutorials/runde_ecken.htm
(Dieser Link steht auch irgendwo in selfhtml.)
Mein Quelltext sieht also so aus:
<html>
<head>
<style type="text/css">
.ro {
background:url("roundbox_ro.gif") top right no-repeat;
margin:0;
padding:0;
}
.lo {
background:url("roundbox_lo.gif") top left no-repeat;
margin:0;
padding:0;
}
.ru {
background:url("roundbox_ru.gif") bottom right no-repeat;
margin:0;
padding:0;
}
.lu {
background:url("roundbox_lu.gif") bottom left no-repeat;
margin:0;
padding:0;
}
.inhalt {
margin:0;
padding:2.0em 2.0em 2.0em 2.0em;
}
.inhalt p {
margin:0;
padding:0;
}
</style>
</head>
<body>
<div class="ro">
<div class="lo">
<div class="ru">
<div class="lu" style="border-width:0px; border-style:solid; border-color:#00A2FF; width:600px">
<div class="inhalt">
<p><table border="1" bordercolor="#00A2FF" width="550" cellspacing="0" cellpadding="5" rules="all">
<colgroup>
<col width=33%>
<col width=34%>
<col width=33%>
</colgroup>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
<td>Zelle 3</td>
</tr>
<tr>
<td>Zelle 4</td>
<td>Zelle 5</td>
<td>Zelle 6</td>
</tr>
<tr>
<td>...</td>
<td>usw.</td>
<td>...</td>
</tr>
</table>
</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Die Tabelle füllt nicht das gesamte Fenster aus. Der rechte Tabellenrand liegt ungefähr 75% vom linken Fensterrand entfernt. Die Sliding doors "roundbox_ro" und "roundbox_ru" orientieren sich aber nicht am rechten Tabellenrand, sondern am rechten Fensterrand, d.h. ich hab zwischen Tabellenrand und rechtem Rand der Hintergrundgrafiken "roundbox_ro" und "roundbox_ru" zu viel Platz.
Wie könnte man den rechten Rand der Sliding doors am rechten Rand der Tabelle ausrichten? Mit padding und margin hatte ich keinen Erfolg.
Vielen Dank schonmal im Voraus.
MfG.,
Matthias
Hallo,
dein problem kann ich nicht ganz nachvollziehen:
<p><table border="1"
warum steht die tabelle innerhalb von p?
bordercolor="#00A2FF"
gibt es dieses attribut für tabellen?
Die Tabelle füllt nicht das gesamte Fenster aus.
du hast ihre breite ja auch auf 550px festgelegt
Der rechte Tabellenrand liegt ungefähr 75% vom linken Fensterrand entfernt.
Nein ...vielmehr 600px
Die Sliding doors "roundbox_ro" und "roundbox_ru" orientieren sich aber nicht am rechten Tabellenrand, sondern am rechten Fensterrand
es sind ja auch blockelemente
d.h. ich hab zwischen Tabellenrand und rechtem Rand der Hintergrundgrafiken "roundbox_ro" und "roundbox_ru" zu viel Platz.
Wie könnte man den rechten Rand der Sliding doors am rechten Rand der Tabelle ausrichten?
indem du für .ro eine feste breite festlegst, z.b. 630px
mfg NAG
Hi Matthias,
Dein Ursprungsposting [pref:t=86580&m=512488] befindet sich noch im oberen Drittel der Hauptdatei, bleib bitte dort und vermeide neue Postings zum selben Thema.
</faq/#Q-06c>, </faq/#Q-11>
Kurt