HP umgestalten mit CSS

lager die css am besten noch in ne extra datei aus.
erspart ne menge tiparbeit..

hab deine seite grad mal durch den w3c-validator (http://validator.w3.org/) gejagt...ergebnis: 6 fehler

das größte problem ist, dass du ID´s doppelt vergibst. Verwende stattdessen einfach Klassen!
Außerdem hast du bei der einbindung des bildes im header des alt-atrribut vergessen...

ansonsten sieht der code sehr gut aus. auch dass du auf tabellen verzichtest find ich klasse!

willst du auch meinungen zum layout haben?

ach übrigens gibt es für threads wie deinen eine eigen rubrik (eure homepage) ... also das nächste mal dort posten!

Hallo und herzlich Willkommen im Forum!

Zitat von gast brigi03

Ich (älteres Semester)

Jeder ist so alt wie er sich fühlt, bzw. anfühlt.

Zitat von gast brigi03

plage mich schon xtage durch das große Netz um meine bisher als Frame aufgebaute HP neu zu machen.

Eine weise Entscheidung! Wenn Du Dich zukünftig an Webstandards konsequent hälst, wirst Du nie wieder große Mühe mit Weiterentwicklungen haben.
Siehe hierzu auch das Buch "Webdesign mit Webstandards" von Jeffrey Zeldman. Die zweite Auflage ist natürlich auch in Deutsch übersetzt worden. Wenn Du keine Lust hast das Buch zu kaufen sollte Dich Zeldmans ehemaliges Projekt interessieren.

Zitat von gast brigi03

Wenn ich die Empfehlungen richtig verstehe, wäre der beste Weg mit CSS.

Keine Empfehlung, sondern aktueller Webstandard.
Inhalt = (X)HTML (Auszeichnungssprache)
Layout = CSS (Layoutsprache)

Zitat von gast brigi03

Leider sind ja die meisten Anleitungen in engl. und da happerts.

Es gibt aber auch gute in deutscher Sprache. Einführung in XHTML, CSS und Webdesign

Zitat von gast brigi03

Habe nun recht mühselig mal das Grundlayout erstellt

Hhmmm, sieht aber eher nach einem technisch guten Template aus... aber egal.

Zitat von gast brigi03

und würde mich riesig freuen, wenn mal jemand einen Blick drauf werfen könnte ob es im Ansatz so ginge?

Leider ist das Layout in Opera zerschossen, da ein Menüpunkt zu groß für den Rahmen ist und nach unten geschoben ist. So verbreitert sich das Menü auch sehr unschön.

Zitat von gast brigi03

Für Tipps, Anregungen und Kritik (wenn ich wieder mal was total verkehrt gemacht habe - bin Anfänger) bedanke ich mich im Voraus.

Technisch meiner Meinung nach perfekt (wenn man von dem Fehler mal absieht). Semantsich korrekt und Webstandards eingehalten.
Korrektur: Validome meckert natürlich mehr als meine Augen auf den ersten Blick erfassen konnten.
1.) Ein alt-Attribut fehlt
2.) IDs wurden mehrfach vergeben
2. Korrektur: Dein Header bekommen auch nicht alle zu sehen, da Grafiken mit der Bezeichnung Banner von vielen Werbeblockern geblockt werden.

Zitat von gast brigi03

Die CSS-Datei würde ich natürlich anschließend auslagern als externes style.

Erleichtert auf jeden Fall die Arbeit bei vielen Seiten.

Elvis:
Hey, so gefällt du mir schon viel besser!

@ gast brigi03
Das Wesentliche wurde bereits gesagt.
Vielleicht sind dir auch noch meine beiden Signaturen hilfreich, auch in den FAQ's (erster Thread) findest du einige Hinweise.

[Offtopic]

Zitat von sejuma

Elvis:
Hey, so gefässt du mir schon viel besser!

Auch ich habe manchmal meine Tage. Und zum Freunde machen bin ich nicht hier.

[/Offtopic]

id´s können nur einmal vergeben werden und dienen vor allem zur eindeutigen ansprache eines objekts.
willst du allerdings mehrer objekte (also z.B. deine divs) mit der gleichen formatierung versehen, nimmst du klassen:

also in deiner html-datei:

<div class="klassenname">

und in der externen css:

.klassenname{
  ...
}

damit dürfte dann auch dein problem mit verschiedenen tabellenformatierungen der vergangenheit angehören.

schau doch mal bitte hier:

http://de.selfhtml.org/css/formate/zentrale.htm

besonders die abssätze

Formate für Klassen definieren

und

Klassen in Verbindung mit den Elementen div und span

hoffe das hilft dir weiter - falls nicht, einfach nochmal melden

also noch mal zum mitmeisseln

iss gar nicht so schwierig, denn prinzipiell ist der code ja schon ganz gut so! nachdem du jetzt mit den divs schon soweit gekommen bist, gibt es keinen grund wieder auf tabellen umzuschwenken...

das einzige problem ist, das du die ID "sidebar" mehrfach vergibst und das ist nicht gestattet. du willst doch erreichen, dass alle elemnte mit dem namen "sidebar" die gleiche formatierung erhalten. somit verwendest du statt einer ID einfach eine KLASSE. die syntax findest du ja schon in meinem obigen beitrag ...

also nicht verzweifeln, sondern einfach die "id" durch "class" ersetzen - färdsch

"Unsere Reisen" scheint nicht in das Korsett zu passen.

Das mit dem Tabellenlayout hab ich jetzt mal überlesen. So einen Quatsch willste doch bestimmt nicht machen.

Jetzt noch mal zu den Ids....
Ein DIV-Container hat keine semantische Bedeutung, sondern dient nur der Strukturierung eines Dokumentes und der Möglichkeit ihn per CSS zu formatieren. Deshalb vergibt man für die "großen" Container IDs. Dies sind in der Regel: Header, Navi (gibt einige die dies nicht für nötig halten), Content, Sidebar und Footer.
Somit legt man zum Beispiel fest wie die Links im Contentbereich formatiert sind.

#content a {
color:red;
}

will man aber Links innerhalb des Contents anders formatieren als die Grundformatierung, so vergibt man eine Klasse.

.externerlink a {
color:red;
text-decoration:underline;
}

Diese Klasse kann man dann für unendlich viele Links auf einer Seite anwenden.

...oder auch auf nur einen, ist jetzt nicht so, dass dadurch die Links zwangsweise so formatiert werden.

Viele liebe Grüße
The User

nix zu danken...

...gern geschehen!

auch dir noch ein schönes (arbeitsreiches) WE

So sieht Deine Startseite im Opera 9.26 bei einer Bildschirmauflösung 1280 x 1024 aus. Das sollte der Download zeigen.

Meine Signatur verlinke zu meinem Blog, der im Moment aber leider offline ist.

Zitat von Anonymous

na dann kanns ja für mich nichts Wichtiges oder Schlimmes gewesen sein und ich darf weiter fragen?

Die Signatur ist ja für alle da, also solltest Du sie auch nicht persönlich nehmen, selbst wenn das Ziel lesbar wäre.

Zitat von Anonymous

Das mit Opera sieht ja wirklich schlimm aus. Gibts da irgendwo Tipps/Tutorials (deutsch) wie ich das relativ einfach beheben kann?
Oder ist das wieder ein extra Studium

Es gibt meiner Meinung nach eine Sofortlösung, die aber das Problem nicht löst. Dafür sollte sich das mal ein CSS-Profi ansehen.
Ändere

Unsere Reisen

in

Reisen

Zitat von Anonymous

Damit ich nicht soviel Tipparbeit habe, wurde mir von einem Bekannten Dreamweaver empfohlen weil da alles einfacher sei.

Wieder jemand ohne Ahnung. Die Seite sieht technisch gesehen perfekt aus. Gut, es scheinen noch ein paar kleine Fehler drin zu sein, aber mit einem WYSIWYG-Editor machste nur alles kaputt.