Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.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">&Uuml;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.
Beitrag03.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
Beitrag04.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
Beitrag04.12.2011 um 16:43 (UTC)    
Titel:

Das ist einfach nur eine Tabelle. Wink
Natürlich ist es möglich, siehe meinen ersten post. Was verstehst du den nicht?
______________
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
Beitrag04.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.
Beitrag05.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
Beitrag05.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">&Uuml;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>
Beitrag05.12.2011 um 17:56 (UTC)    
Titel:

Ich zitiere mich mal selbst:

o-4-n hat Folgendes geschrieben:
Wichtig ist, dass du keinen Zeilenumbruch machst. Alles muss in einer Zeile stehen, also Finger weg von der Enter Taste!


Ich weiss schon, warum ich das nochmal ausdrücklich erwähnt habe. Wink
______________
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
Beitrag05.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 !!!!!!
Beitrag05.12.2011 um 18:19 (UTC)    
Titel:

Ja aber als du die Tabelle irgendwann mal erstellt hast, hast du die Enter Taste gedrückt. Wink

Sämtliche Zeilenumbrüche müssen weg und nein ich werde dir das nicht machen, den das da bin ich mir sicher, bekommst du auch selbst hin.
______________
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
Beitrag05.12.2011 um 19:07 (UTC)    
Titel:

habe alle <tr> weggenommen. Trotzdem geht nix.
Beitrag05.12.2011 um 19:11 (UTC)    
Titel:

mit tr hat das nichts zu tun. er meint es sicher so:

]
Code:
<tr><td colspan="2">&Uuml;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">&Uuml;RLP-Liga nach 2 Spielen</td>
</tr>
<tr>
<td>Tr-Trarbach I 34:2 </td>
<td>Rodalben I 30:6</td>
</tr>
Beitrag06.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">&Uuml;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>

______________
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
Beitrag06.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.
Beitrag08.12.2011 um 06:23 (UTC)    
Titel:

übrigens wird die Tabelle im Ms IE nicht angezeigt !
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de