Autor |
Nachricht |
|
03.12.2011 um 16:34 (UTC) Titel: Tabelle positionieren |
|
|
Auf der Eingangsseite meiner Webseiten : mgctratra.de
habe ich ganz unten eine kleine Tabelle. Wie bekomme ich diese mittig unter die linke Navigation ?
Der Code der Tabelle lautet :
<table width="200" border="2">
<tr>
<td colspan="2">ÜRLP-Liga nach 2 Spielen</td>
</tr>
<tr>
<td>Tr-Trarbach I 34:2 </td>
<td>Rodalben I 30:6</td>
</tr>
<tr>
<td>Bad Kreuznach 30:6 </td>
<td>Ludwigshafen II 21:15 </td>
</tr>
<tr>
<td>Bad Bodendorf 20:16 </td>
<td>Hachenburg 16:20 </td>
</tr>
<tr>
<td>Worms 13:19 </td>
<td>Bad Ems 08:28 </td>
</tr>
<tr>
<td>Rodalben II 06:30 </td>
<td>Tr-Trarbach II 02:34 </td>
</tr>
</table>
hätte gerne auch einen Rahmen um die Tabelle in der Farbe der Navi.
Ich bedanke mich herzlich für die Hilfe. |
|
↑
|
|
 |
|
03.12.2011 um 23:30 (UTC) Titel: |
|
|
Hallo,
schau mal hier:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=117373&postdays=0&postorder=asc&start=30
Das script erspart dir das positionieren, bei dem am Ende sowieso alles verrutscht und hat auch noch den Vorteil, dass die Box auch bei Unterseiten dort bleibt, wo sie soll. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering
Zuletzt bearbeitet von o-4-n am 04.12.2011, 18:17, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
|
04.12.2011 um 13:04 (UTC) Titel: |
|
|
Danke - komme nicht dami t klar. Es muß auch keine Box mit Navi-Button sein.
Einfach die kleine Tabelle unter die Navi links. Das muß doch möglich sein.
Die Tabelle befindet sich jetzt ganz unten neben dem Counter.
www.mgctratra.de |
|
↑
|
|
 |
|
|
↑
|
|
 |
|
04.12.2011 um 18:30 (UTC) Titel: |
|
|
weil ich nicht weiß, wo ich den Tabellencode einfügen muß und welche Werte ich evtl. wie ändern muß, um genau unter die Navigation zu kommen. |
|
↑
|
|
 |
|
05.12.2011 um 00:56 (UTC) Titel: |
|
|
Hast du dir den Thread überhaupt durchgelesen? Da steht alles drin!
Aber ich bin heute mal nicht so.
Folgendes fügst du bei Text unter dem Design ein:
Zitat: <script type="text/javascript">
var boxHeaderContent = 'Header';
var boxContentContent = 'Content';
var boxFooterContent = 'Footer';
var i;
var found = false;
var elementBefore;
var aNewTable = document.createElement('table');
var boxHeaderRow = document.createElement('tr');
var boxContentRow = document.createElement('tr');
var boxFooterRow = document.createElement('tr');
var boxHeaderTd = document.createElement('td');
var boxContentTd = document.createElement('td');
var boxFooterTd = document.createElement('td');
var newHeaderDiv = document.createElement('div');
var newContentDiv = document.createElement('div');
var newFooterDiv = document.createElement('div');
var allTds = document.getElementsByTagName('td');
newHeaderDiv.id='hdiv_for_ie';
newContentDiv.id='cdiv_for_ie';
newFooterDiv.id='fdiv_for_ie';
for(i = 0; (i < allTds.length) && (!found); i++)
{
if(allTds[i].className == 'edit_below_nav')
{
elementBefore = allTds[i];
found = true;
}
}
boxHeaderTd.appendChild(newHeaderDiv);
boxHeaderRow.appendChild(boxHeaderTd);
boxHeaderRow.id = 'navi_shout_box_header';
aNewTable.appendChild(boxHeaderRow);
boxContentTd.appendChild(newContentDiv);
boxContentRow.appendChild(boxContentTd);
boxContentRow.id = 'navi_shout_box_content';
aNewTable.appendChild(boxContentRow);
boxFooterTd.appendChild(newFooterDiv);
boxFooterRow.appendChild(boxFooterTd);
aNewTable.appendChild(boxFooterRow);
boxFooterRow.id = 'navi_shout_box_footer';
aNewTable.id = 'navi_shout_box';
elementBefore.insertBefore(aNewTable, elementBefore.firstChild);
newHeaderDiv.innerHTML = boxHeaderContent;
newContentDiv.innerHTML = boxContentContent;
newFooterDiv.innerHTML = boxFooterContent;
</script>
Zur erklärung:
Das script schreibt eine Box ähnlich derer auf der rechten Seite, direkt an die richtige Stelle im Quelltext.
Html und Text kannst du wie folgt einfügen:
Header der Box
Content der Box
Footer der Box
Für dich interessant ist das blaue. Dort kannst du den Html Code deiner Tabelle einfügen. Wichtig ist, dass du keinen Zeilenumbruch machst. Alles muss in einer Zeile stehen, also Finger weg von der Enter Taste!
Die Box kannst du auch per CSS gestalten. Das dürfte für dich allerdings irrelevant sein. Falls doch schau einfach im obigen Thread dort steht alles drin. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
 |
|
05.12.2011 um 08:28 (UTC) Titel: |
|
|
herzlichen Dank. Ich habe wie folgt eingefügt - es erscheint aber nichts :
<script type="text/javascript">
var boxHeaderContent = 'Header';
var boxContentContent = '<table width="200" border="2">
<tr>
<td colspan="2">ÜRLP-Liga nach 2 Spielen</td>
</tr>
<tr>
<td>Tr-Trarbach I 34:2 </td>
<td>Rodalben I 30:6</td>
</tr>
<tr>
<td>Bad Kreuznach 30:6 </td>
<td>Ludwigshafen II 21:15 </td>
</tr>
<tr>
<td>Bad Bodendorf 20:16 </td>
<td>HAchenburg 16:20 </td>
</tr>
<tr>
<td>Worms 13:19 </td>
<td>Bad Ems 08:28 </td>
</tr>
<tr>
<td>Rodalben II 06:30 </td>
<td>Tr-Trarbach II 02:34 </td>
</tr>
</table> ';
var boxFooterContent = 'Footer';
var i;
var found = false;
var elementBefore;
var aNewTable = document.createElement('table');
var boxHeaderRow = document.createElement('tr');
var boxContentRow = document.createElement('tr');
var boxFooterRow = document.createElement('tr');
var boxHeaderTd = document.createElement('td');
var boxContentTd = document.createElement('td');
var boxFooterTd = document.createElement('td');
var newHeaderDiv = document.createElement('div');
var newContentDiv = document.createElement('div');
var newFooterDiv = document.createElement('div');
var allTds = document.getElementsByTagName('td');
newHeaderDiv.id='hdiv_for_ie';
newContentDiv.id='cdiv_for_ie';
newFooterDiv.id='fdiv_for_ie';
for(i = 0; (i < allTds.length) && (!found); i++)
{
if(allTds[i].className == 'edit_below_nav')
{
elementBefore = allTds[i];
found = true;
}
}
boxHeaderTd.appendChild(newHeaderDiv);
boxHeaderRow.appendChild(boxHeaderTd);
boxHeaderRow.id = 'navi_shout_box_header';
aNewTable.appendChild(boxHeaderRow);
boxContentTd.appendChild(newContentDiv);
boxContentRow.appendChild(boxContentTd);
boxContentRow.id = 'navi_shout_box_content';
aNewTable.appendChild(boxContentRow);
boxFooterTd.appendChild(newFooterDiv);
boxFooterRow.appendChild(boxFooterTd);
aNewTable.appendChild(boxFooterRow);
boxFooterRow.id = 'navi_shout_box_footer';
aNewTable.id = 'navi_shout_box';
elementBefore.insertBefore(aNewTable, elementBefore.firstChild);
newHeaderDiv.innerHTML = boxHeaderContent;
newContentDiv.innerHTML = boxContentContent;
newFooterDiv.innerHTML = boxFooterContent;
</script> |
|
↑
|
|
 |
|
|
↑
|
|
 |
|
05.12.2011 um 18:09 (UTC) Titel: |
|
|
entschuldige, ich habe die enter-Taste nicht gedrückt. Nur mit Strg+c Strg+v
gearbeitet.
könntest du das vielleicht alles zusammenfügen ?
Das wäre super !!!!!! |
|
↑
|
|
 |
|
|
↑
|
|
 |
|
05.12.2011 um 19:07 (UTC) Titel: |
|
|
habe alle <tr> weggenommen. Trotzdem geht nix. |
|
↑
|
|
 |
|
05.12.2011 um 19:11 (UTC) Titel: |
|
|
mit tr hat das nichts zu tun. er meint es sicher so:
] Code: <tr><td colspan="2">ÜRLP-Liga nach 2 Spielen</td></tr><tr><td>Tr-Trarbach I 34:2 </td><td>Rodalben I 30:6</td></tr>
statt so:
Code: <tr>
<td colspan="2">ÜRLP-Liga nach 2 Spielen</td>
</tr>
<tr>
<td>Tr-Trarbach I 34:2 </td>
<td>Rodalben I 30:6</td>
</tr>
|
|
↑
|
|
 |
|
06.12.2011 um 00:53 (UTC) Titel: |
|
|
Genauso habe ich es gemeint.
Ich habe es jetzt doch mal gemacht und gleichzeitig noch in den google closure compiler geworfen:
Zitat: <script type="text/javascript">
var boxHeaderContent="",boxContentContent='<table width="181" border="2"><tr><td colspan="2">ÜRLP-Liga nach 2 Spielen</td></tr><tr><td>Tr-Trarbach I 34:2 </td><td>Rodalben I 30:6</td></tr><tr><td>Bad Kreuznach 30:6 </td><td>Ludwigshafen II 21:15 </td></tr><tr><td>Bad Bodendorf 20:16 </td><td>HAchenburg 16:20 </td></tr><tr><td>Worms 13:19 </td><td>Bad Ems 08:28 </td></tr><tr><td>Rodalben II 06:30 </td><td>Tr-Trarbach II 02:34 </td></tr></table> ',boxFooterContent="",i,found=!1,elementBefore,aNewTable= document.createElement("table"),boxHeaderRow=document.createElement("tr"),boxContentRow=document.createElement("tr"),boxFooterRow=document.createElement("tr"),boxHeaderTd=document.createElement("td"),boxContentTd=document.createElement("td"),boxFooterTd=document.createElement("td"),newHeaderDiv=document.createElement("div"),newContentDiv=document.createElement("div"),newFooterDiv=document.createElement("div"),allTds=document.getElementsByTagName("td");newHeaderDiv.id="hdiv_for_ie"; newContentDiv.id="cdiv_for_ie";newFooterDiv.id="fdiv_for_ie";for(i=0;i<allTds.length&&!found;i++)"edit_below_nav"==allTds[i].className&&(elementBefore=allTds[i],found=!0);boxHeaderTd.appendChild(newHeaderDiv);boxHeaderRow.appendChild(boxHeaderTd);boxHeaderRow.id="navi_shout_box_header";aNewTable.appendChild(boxHeaderRow);boxContentTd.appendChild(newContentDiv);boxContentRow.appendChild(boxContentTd);boxContentRow.id="navi_shout_box_content";aNewTable.appendChild(boxContentRow);boxFooterTd.appendChild(newFooterDiv); boxFooterRow.appendChild(boxFooterTd);aNewTable.appendChild(boxFooterRow);boxFooterRow.id="navi_shout_box_footer";aNewTable.id="navi_shout_box";elementBefore.insertBefore(aNewTable,elementBefore.firstChild);newHeaderDiv.innerHTML=boxHeaderContent;newContentDiv.innerHTML=boxContentContent;newFooterDiv.innerHTML=boxFooterContent;
</script>
|
|
↑
|
|
 |
|
06.12.2011 um 07:23 (UTC) Titel: |
|
|
herzlichen Dank - auch an Gringo.
Nun will ich mal sehen, ob ich die Tabelle farblich etwas der Navi angepasst bekomme. Und noch eine Stufe Zwischenraum. |
|
↑
|
|
 |
|
08.12.2011 um 06:23 (UTC) Titel: |
|
|
übrigens wird die Tabelle im Ms IE nicht angezeigt ! |
|
↑
|
|
 |
|