Archive for CSS

eSeminar Ajax mit Adobe Dreamweaver CS3

Hab ich soeben entdeckt, sehr interessante Einführung in das Spry-Framework mit dem Dreamweaver CS3 von Marc Thiele:

https://admin.emea.adobe.acrobat.com/_a301811518/p21088191/

Kein Kommentar »

CSS Vorlagen

Hier gibts gute CSS-Vorlagen zum Formatieren von Listen etc., diese lassen sich sehr gut als Grundlage für CSS Menüs einsetzen und entsprechend anpassen:

http://css.maxdesign.com.au/

Allgemeine CSS-Infos:

http//www.css4you.de

Kein Kommentar »

DIV-TabControl in bestehende Website integrieren

Aufgabenstellung:
Ein TabControl mit Tabsheets aus DIV-Elementen, welche aufgrund der Überlappung mittels position:absolute ausgerichtet wurden in eine bestehende Website integrieren. Allerdings ist je nach Link der Contentbereich unterschiedlich lang, so dass der Content über den bestehenden Seitenrand manchmal hinausragt. Auf overflow:scrollbars soll allerdings verzichtet werden, stattdessen soll sich die Länge des Contentbereichs wie bei position:static automatisch dem Textfluss anpassen.

Lösung:
Unter dem mit position:absolute ausgerichtem DIV-Element einfach ein leeres DIV-Element mit der Ausrichtung position:static anlegen und mittels JavaScript die Höhe des TabSheets ermitteln und an das darunterliegende Element übergeben.

Das Script muss beim Laden des ersten Tabsheets, sowie beim wechseln der Tabsheets ausgeführt werden und könnte etwa wie folgt aussehen:

 function tabControl(tabId) {
document.getElementById(’maincontent’).style.height=    document.getElementById(tabId).offsetHeight + 30;
}

Kein Kommentar »