Hallo allerseits!

Ich bin noch nicht so erfahren mit HTML und co. aber ich arbeite mich tapfer durch SelfHTML und mache auch fortschritte.

Meine Frage ist jetzt:

Wie kann ich einen Rahmen einer Tablle quasi als Grafik haben? Ich meine so, dass man jeweils 4 Grafiken für die Ecken hat und dann noch 4 Grafiken für die Seite, so dass man in der Tabelle auch freien Raum nach oben oder unten hat. Ich meine nicht Sliding Doors, das hab ich versucht und scheint mir nicht die richtige Lösung zu sein..

Vielleicht versteht ja wer mein Anliegen und kann mir helfen.

Vielen Dank schon mal!

Das ist mit html nicht möglich (nicht direkt)

Eine Möglichkeit ist dass du zb eine 3x3 Tabelle erstellst und die äußeren mit den Grafiken füllst.

oder, wenn deine Tabelle eine fixe Größe hat könntest du sie ja sozusagen auf das Hintergrundbild legen.

Gehts denn mit Javascript oder ähnlichem..?

Eines Tages wird (hoffentlich) nur noch CSS nötig sein, um dies zu realisieren (siehe CSS3-Border-Modul). Doch bis dahin muss wohl auf Alternativen zurückgegriffen.
Eine – und die wohl geschickteste – Möglichkeit ist der Einsatz von JavaScript. Roger Johansson beschreibt dazu eine Herangehensweise in seinem Artikel Transparent custom corners and borders.

Okay, das sieht mir nach einer vernüftigen Lösung aus!

Leider hab ich es mit Javascript nicht so wirklich und das Englisch erschwert mir das verstehen doch ein wenig..

ich hab hier den Quelltext, welchen ich für meine *.js Datei nachher brauche..

Der kann ja aber so nicht bleiben, sind ja keinerlei Assoziationen zu meinen Grafiken möglich..

Vielleicht kann mir ja ein Profi mal einen Hinweis oder Anstoss geben.

/*
addEvent function found at http://www.scottandrew.com/weblog/articles/cbs-events
*/
function addEvent(obj, evType, fn) {
if (obj.addEventListener) {
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent) {
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}

/*
createElement function found at http://simon.incutio.com/archive/200...ascriptWithXML
*/
function createElement(element) {
if (typeof document.createElementNS != 'undefined') {
return document.createElementNS('http://www.w3.org/1999/xhtml', element);
}
if (typeof document.createElement != 'undefined') {
return document.createElement(element);
}
return false;
}

function insertTop(obj) {
// Create the two div elements needed for the top of the box
d=createElement("div");
d.className="bt"; // The outer div needs a class name
d2=createElement("div");
d.appendChild(d2);
obj.insertBefore(d,obj.firstChild);
}

function insertBottom(obj) {
// Create the two div elements needed for the bottom of the box
d=createElement("div");
d.className="bb"; // The outer div needs a class name
d2=createElement("div");
d.appendChild(d2);
obj.appendChild(d);
}

function initCB()
{
// Find all div elements
var divs = document.getElementsByTagName('div');
var cbDivs = [];
for (var i = 0; i < divs.length; i++) {
// Find all div elements with cbb in their class attribute while allowing for multiple class names
if (/\bcbb\b/.test(divs[i].className))
cbDivs[cbDivs.length] = divs[i];
}
// Loop through the found div elements
var thediv, outer, i1, i2;
for (var i = 0; i < cbDivs.length; i++) {
// Save the original outer div for later
thediv = cbDivs[i];
// Create a new div, give it the original div's class attribute, and replace 'cbb' with 'cb'
outer = createElement('div');
outer.className = thediv.className;
outer.className = thediv.className.replace('cbb', 'cb');
// Change the original div's class name and replace it with the new div
thediv.className = 'i3';
thediv.parentNode.replaceChild(outer, thediv);
// Create two new div elements and insert them into the outermost div
i1 = createElement('div');
i1.className = 'i1';
outer.appendChild(i1);
i2 = createElement('div');
i2.className = 'i2';
i1.appendChild(i2);
// Insert the original div
i2.appendChild(thediv);
// Insert the top and bottom divs
insertTop(outer);
insertBottom(outer);
}
}

if(document.getElementById && document.createTextNode)
{
addEvent(window, 'load', initCB);
}

Das Thema wandert ins Javascript-Forum.

Der kann ja aber so nicht bleiben, sind ja keinerlei Assoziationen zu meinen Grafiken möglich..

Wie bei jedem vernünftigen HTML-Dokument wird den Auszeichnungen per CSS die endgültige Format gegeben. Hier ist es nicht anders.