Homepage: Rahmen und Tabellen?!?!?

von **funnytommy** am 23.07.2005, 18:01

Hallo!

Nach langem hin und her ist es mir gelungen meine Homepage so lange zu durchdenken bis ich jetzt mal was Handfestes habe! Ich hab in Photoshop einen Banner gemacht. (einfaches Rechteck, keine Rundungen etc.)
Su nun möchte ich mich mit dem anderen Teil der HP auseinandersetzen, Grafik wär abgehakt

, doch jetzt kommt der schwere Teil, das ganze soll noch in HTML verpackt werden! Ich benutze dazu die Testversion von Macromedia Dreamweaver MX.
Hier im Forum hab ich im Homepage Bereich die Seite vom DJ Icecrusher gesehen, ich hab erkannt dass der Rahmen außen herum, der Balken unten, mit HTML gemacht wurden und dass auf dem Banner sich eine einzeilige Tabelle befindet in der die Links zu den anderen Seiten (Gallerie, Links usw.) drin sind!
Genau sowas will ich bei meiner Seite auch machen!

Also um das ganze auf den Punkt zu bringen, ich will....
*so eine Art Rahmen drumherum und die Seite darin einzufassen
*eine Tabelle in die ich die Links reinlege

Da ich ja in der hinsicht noch gar nix gemacht hab, hat mich die DJ Icecrusher Seite zum herumprobieren animiert......Doch nach einem Nachmittag mit Dreamweaver Handbuch ist es mir nicht gelungen sowas zu machen.....
Deshalb wende ich mich nun an euch! Ich hoff ich hab mich weitgehendst klar ausgedrückt

Vielend dank schon mal jetzt für euer bemühen!!

lg Tom

von **xero** am 23.07.2005, 18:17

Wenn ich dich richtig verstanden haben, willst du dein Design in Tabellen packen. Dazu muss man es slicen (zerschneiden). Ein sehr gutes Tutorial dazu findest du hier: http://www.designnation.de/?go=Tutorial_lesen&id=655

von **funnytommy** am 23.07.2005, 18:22

Hallo!

Nein, eigentlich möcht ichs nicht slicen!!
Ich hab ja nur den Banne oben und da bringts mir nix wenn ich slices hab!
Wenn du dir die Seite vom DJ Icecrusher ansiehst, dann siehst du dass dort der Banner ein Bild ist! Und ich brauch ja eigentlich nur eine einzeilige Tabelle in die ich die Links lege --> DJ Icecrusher
Das soll auch jetzt am Anfang nur mal so zum probieren sein!
Das mit der Tabelle is mir auch nich so wichtig, wichtig wär mir der Rahmen ausenrumm!

mfg Tom

von **Manuel** am 23.07.2005, 19:01

Hi Tommy!

Die Seite hab ich gemacht

Ist so ähnlich aufgebaut wie diese hier. Du legst einfach alles in einen dic-Container rein und diesem teilst du dann mit CSS einen Rahmen zu.
Ist ganz einfach:

Code: Alles auswählen: <body style="text-align:center;"> <div id="root"> <a name="top"></a> <div id="head"> <div id="navi"> <table id="tabelle" border="0"> // border="0" gibt es seit XHTML nicht mehr...muss daher mit CSS gemacht werden <tr> <td><a href="index.php?action=startseite">Startseite</a></td> <td><a href="index.php?action=icecrusher">Dj IceCrusher</a></td> <td><a href="index.php?action=events">Events</a></td> <td><a href="index.php?action=bilder">Bilder</a></td> <td><a href="index.php?action=gaestebuch">Gästebuch</a></td> <td><a href="index.php?action=downloads">Downloads</a></td> </tr> </table> </div> </div> <div> // Inhalt </div> <div id="bottom"> // Footer <a href="#top">top ▲</a> // Link um nach oben zu gelangen </div> </div> </body>

Die Tabelle könnte man auch problemlos durch eine Liste ersetzen, was sogar noch schöner wäre...war aber bequem und für sowas kleines sei eine Tabelle noch erlaubt

Zum CSS-Teil:

Code: Alles auswählen: #head { border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; height: 194px; margin: 0px; background-image: url(images/banner2.jpg); background-repeat: no-repeat; text-align: left; }

So könnte dein Header aussehen. Gleiches Spiel dann für den Contentteil usw.

Lg,
Manuel ;-]

von **funnytommy** am 24.07.2005, 11:37

Ehm ja man kann sagen ich hab nix gecheckt!
Und ich bin leider noch keinen Schritt näher an die Lösung gekommen!
Ich hab mal ein bisschen herumgespielt und hab bemerkt dass ich diese Boxen jetzt ma da hab, nur leider sind die Umrisse von den Boxen nicht sichtbar, ich nur durch zufall draufgekommen weil Dreamweaver sie anzeigt wenn man mit der Maus hinfährt! Und das größte Problem dass ich hab ist dass ich irgendwie das Bild nicht an den Platz hinbekomm wo es eigentlich hin sollte!

mfg tom

von **Manuel** am 24.07.2005, 11:57

Ich glaube du solltest dir wirklich mal die Grundlagen anlesen:

http://www.css4you.de

und

http://de.selfhtml.org/

Ist wirklich nicht schwer. Falls du spezielle Fragen hast helf ich dir gern weiter, nur den ganzen Code erklären...nach den Klausuren kann ich das gern mal machen

Hast du die CSS-Datei denn eingebunden? Wie das geht steht auf beiden Seiten glaub ich.

Lg,
Manuel ;-]

von **funnytommy** am 24.07.2005, 13:03

Hallo!
Danke für die Links die haben mich echt weiter gebracht! Soweit hab ichs jetzt gecheckt! Ich weiß jetzt wie man die Rahmen erstellt!
Toll ist auch dass ich herausgefunden habe für was die CSS Datei ist!
Trotz meines Geistesblitzes hab ich aber immer noch eine Frage! Wie kommt jetzt der Banner hinein! Soweit ist jetzt alles Fertig, eben nur der Banner will nicht an seinen Platz

EDIT: Hatte grad wieder einen Geistesblitz!! Den Banner einfach auch ins CSS hineinschreiben!!! Super geniales CSS!!!!

mfg Tom

von **Manuel** am 24.07.2005, 13:16

Hey, du hast es verstanden

CSS finde ich auch super genial. Und wenn du mal die ganzen Tricks kennst mit Vererbung usw. werden diese Dateien nachher wirklich sehr klein und du hast kaum Arbeit damit.

Also dann, wir sind gespannt auf deine hoffentlich bald fertige Seite

Lg,
Manuel

von **funnytommy** am 25.07.2005, 15:23

Hallo!
Hab große Fortschritte gemacht mit meiner Seite, ich arbeite immer noch am Inhalt! Leider ist die Seite http://www.php-gaestebuch.de nicht zu erreichen

Ich hätt aber gern ein PHP Gästebuch! Muss jetzt mal googeln!!
Ich hoff ich kann bald meine Seite präesentieren!

von **Rene** am 25.07.2005, 15:26

Hey
hast du den PHP Space.
Ich schreibe gerade meine ReadMe zu meinem neuen Gästebuch fertig, dann geht es Online.
Ich denke das es morgen soweit ist.

LG

von **Krabbi** am 25.07.2005, 15:27

PHP Webspace zu bekommen dürfte ja auch kein Problem sein. http://www.funpic.de bietet ja umsonst welchen an (so weit ich weiß auch ohne Werbeeinblendungen)

von **funnytommy** am 25.07.2005, 17:55

Hi!
Also ich kann mit funnpic nicht viel anfangen! Die Dateigrößenbeschränkung geht mir tierisch auf die Nerven! Ich bin bei Webmasternet, dort gibts 100 MB Webspace und dass alles Gratis! PHP, MySQL, alles dabei!! Und noch was tolles, htacess funktioniert!!!
Nur leider fehlt mir immer noch ein PHP Gästebuch!!

mfg tom

Homepage: Rahmen und Tabellen?!?!?

Homepage: Rahmen und Tabellen?!?!?

Wer ist online?