Zeitgemässe Alternative für "background"

**antonia** · 21.05.2009 00:05

Hallo liebe Fories,

nach stundenlangem, vergeblichen Suchen in verschiedenen html-Hilfeseiten versuche ich mein Glück bei Euch.

Ich suche eine zeitgemäße Alternative für:

<body onLoad="setNaviState()" background="images/icons/back.jpg"
style="background-repeat:repeat" bgproperties="fixed">

Mein Dreamwiever erzählt mir: Das Tag: "body" hat kein Attribut: "bgproperties" in den aktuellen Versionen.[HTML 4.0]

Ich bin blutiger Anfänger und falls diese Frage extrem naiv sein sollte, bitte ich schon mal im Vorfeld um Entschuldigung.

Wahrscheinlich werden weitere Infos benötigt. Ich reiche gerne alles nach sobald ich weiss, was notwendig ist.

Liebe Grüße und vielen Dank im Voraus

Antonia

**threadi** · 21.05.2009 00:33

All diese Angaben kannst Du per CSS vornehmen:
SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

**antonia** · 21.05.2009 01:05

Hallo Threadi,

erwähnte ich schon, dass ich ein html-Blondchen bin? Ich weiss zwar, was ein css- style ist und ich glaube auch zu wissen, wo ich ihn einfügen müßte aber den Style selbst zu schreiben übersteigt meine Fähigkeiten (Asche auf mein Haupt...).

Ich benötige eine genaue Anweisung.

Liebe Grüße

Antonia

Ich habe eine Alternative gefunden! Und es war so einfach, dass es direkt peinlich ist...

Vielen Dank für Eure Mühe

Antonia

**Icy** · 21.05.2009 04:22

Zitat von antonia

Ich habe eine Alternative gefunden! Und es war so einfach, dass es direkt peinlich ist...

Vielen Dank für Eure Mühe

Antonia

Und wie sieht deine Alternative aus?

MfG Icy

**Bernhard** · 21.05.2009 09:21

Zitat von antonia

Hallo Threadi,

erwähnte ich schon, dass ich ein html-Blondchen bin?

Liebe Grüße

Antonia

Hallo Antonia,

einige Grundlagen findest Du auf CSS4You...

Grüße
Bernhard

**Efchen** · 22.05.2009 10:26

Zitat von antonia

Ich suche eine zeitgemäße Alternative

Zeitgemäß ist es, mit HTML nur noch die logische Struktur festzulegen, d.h. Du gibst Deinem Inhalt mit HTML eine Bedeutung. Du zeichnest Textabsätze aus, Überschriften, Listen, Adressen, tabellarische Daten usw. Nichts, was Du mit HTML machst, solltest Du aufgrund des Aussehens im Browser machen, HTML ist nicht für die Darstellung im Browser zuständig.
HTML ist für die Semantik.

Strikt davon trennen solltest Du Layout und Design, das macht man mit CSS. Trennung von Inhalt und Layout nennt man das.

Grobe Fehler sind Layouten mit Tabellen oder Layouten mit <div>. Beides ist sinnfrei, mit HTML macht man kein Layout. Egal mit welchem Tag.

Informiere Dich darüber, ein paar Links hast Du ja auch schon bekommen. Wenn Du möchtest, dass wir Deinen Code untersuchen und Dir Tipps geben, kannst Du das gerne machen. Hier gibts viele Spezialisten, die Dir da sehr gut weiterelfen können und wollen.

Viel Erfolg,
-Efchen

**antonia** · 22.05.2009 16:59

Hallo Fories,

hm, bis ich den html und css Kinderschuhen entwachsen bin, steht mir anscheinend noch ein weiter Weg bevor.

Die Alternative für

<body onLoad="setNaviState()" background="images/icons/back.jpg"
style="background-repeat:repeat" bgproperties="fixed">

sieht folgendermaßen aus:

<body onLoad="setNaviState()" style="background-image:url(back.jpg)">

Ob das jetzt das Ei des Kolumbus ist kann ich nicht beurteilen aber Dreamveawer ist damit zufrieden und auch beim validieren gab es keine Fehlermeldung.

Hallo Elfchen,

beim lesen Deiner Zeilen wächst mein Verdacht, dass ich wohl noch einiges an der HP verändern muss.

Wenn sich jemand tatsächlich die Mühe machen würde, mal einen Blick auf meine HP zu werfen, wäre ich mehr als Dankbar. Nach dem momentanen Stand meines Wissens sind meine Grenzen erreicht.

Ich bin mir nicht sicher, ob es erlaubt ist, meinen Link in diesem Teil des Forums einzustellen. Falls ich eine grobe Regelwidrigkeit begehe, lieber Administrator, einfach löschen....

Sibirische Katze und Neva Masquarade der Cattery Edgewood Dirk

Liebe Grüße

Antonia

**XraYSoLo** · 22.05.2009 17:11

Zitat von antonia

Ich bin mir nicht sicher, ob es erlaubt ist, meinen Link in diesem Teil des Forums einzustellen.

sollten wir jetzt telepathische fähigkeiten haben? ^^

Zitat von antonia

Falls ich eine grobe Regelwidrigkeit begehe, lieber Administrator, einfach löschen....

kannste lange drauf warten, bis die das machen...

wenn ich mir deine seite spontan ansehe und validieren lasse, stell' ich folgendes sofort fest:

- spezialzeichen wie "&" werden nicht korrekt maskiert, das kann zu fehlern führen. ( --> & muss das sein)
- <body onLoad="setNaviState()" style="background-image:url(back.jpg)">
ist ebenfalls unvorteilhaft - was is' denn nu, wenn der benutzer JS abgeschaltet hat?
- WYSIWYG-editoren - gleich welcher - produzieren unsauberen code. der eine mehr, der andere weniger. für größtmögliche kontrolle vor ungewollten einträgen, den code IMMER selber in einem editor wie z.b. notepad++ schreiben.
- strukturierung bei dir: horror, eingerückt ist auch nichts. das macht vielleicht bei visuellen editoren nichts, aber stell' dir mal vor, du musst was auf die schnelle abändern und hast eben mal keinen WYSIWYG zur hand
- ein oder zwei META-angabe sind sowas von falsch geworden

aber ich kann dich beruhigen, HTML und CSS richtig zu lernen ist ein aufwand von einem vierteljahr, wenn überhaupt.

Nils aka XraYSoLo

**Efchen** · 22.05.2009 17:22

Das mit dem Link ist schon okay, das ist für solche Zwecke ja sogar erwünscht. Denn so kann man am besten helfen.

Ich liste einfach mal alles auf, was änderungswürdig ist. Bitte versteh das nicht als niederschmetternde Kritik. Es könnte mehr sein, als Du befürchtest, aber das sagt nichts über Dich und Deine bisherige Arbeit aus. ALso nicht persönlich nehmen

Und wenn Dir das ein oder andere nichts sagt, einfach danach googlen, was Du nicht selber rausfindest, fragst Du nach. Ich klatsch Dir keine dicken Dinger hin, die ich Dir dann nicht auch erkläre. Nur Eigeninitiative sehe ich gerne.

1. Du brauchst einen Doctype, der alle Browser in den Standards Mode versetzt. Deiner tut das nicht. Der IE wird damit in den Quirks Mode versetzt, dann verwendet er ein falsches Box Model und dann gibt es Darstellungsunterschiede.
2. EIn Link zu nem Stylesheet (<link>) gehört in den <head>, nicht in den <body>
3. EIn Menü ähnelt am ehesten einer Liste, sollte daher als solche ausgezeichnet werden (<ul>).
4. Du solltest alles, was zum Layout und zur Darstellung gehört, in ein externes Stylesheet schreiben (Trennung von Inhalt und Layout). So Dinge wie "<p align=center>" sind eigentlich tabu.
5. <u>, <b> und <i> sind tabu, weil diese keine Semantik vermitteln.
6. <strong> dient dazu, einen Text als "besonders wichtig" zu kennzeichnen. Willst Du das bei Deiner Überschrift zusätzlich zur Tatsache, dass es eine Überschrift ist? Wenn der Text nur fett sein soll, dann mach das mit CSS: font-weight:bold.
7. EIne Adresse wird mit <address> ausgezeichnet.

Insgesamt eigentlich für ein "html-Blondchen" ein ganz gutes Ergebnis. Die Trennung von Inhalt und Layout muss man sich angewöhnen, das kommt mit der Zeit. Man muss drauf schauen, dass man keine veralteten HTML-Attribute einsetzt, die eigentlich für Layout/Design sind (wie "align").
Wichtig ist noch, dass Du den eigentlichen Sinn von HTML verstehst, was sich hinter "Semantik" versteckt, aber das sieht für den Anfang bei Dir schon ganz gut aus.
Toll ist, dass Du keine Tabellen zu Layoutzwecken missbrauchst, wie man das in den 1990er Jahren machen musste, weil es kein CSS gab und Du verwendest keine Frames (weil die nur Nachteile haben).

Deine Site tut sich noch ein wenig schwer, wenn man die Schrift vergrößert (nicht Zoom, nur Text!), weil sich das Menü dann in den Content schiebt. Aber das wird auch mit der Zeit.

Nee, ehrlich, ich habe schlimmeres erwartet, wenn alle Blondchen ihre erste Webseite so bauen, dann siehts schlimm aus mit dem typischen Bild von der dummen Blondine, dann ist das Image überholt!

In dem Sinne wünsche ich ein schönes Wochenende, wenn noch Fragen offen sind, trotzdem fragen! Ich werde schon antworten!

-Efchen

P.S.:

Zitat von XraYSoLo

HTML und CSS richtig zu lernen ist ein aufwand von einem vierteljahr, wenn überhaupt.

Ich behaupte, ich könnte jemandem, der Interesse an der Materie hat und Spaß und lernbegierig ist, HTML an einem Nachmittag erklären. CSS kommt mit der Zeit, das meiste ist nur wie Vokabeln lernen, man muss wissen, welche Eigenschaften es gibt und was sie machen. Da stimme ich allerdings mit dem Vierteljahr überein

**antonia** · 22.05.2009 19:40

Hallo Elfchen,

erst einmal vielen Dank für die Mühe, die Du Dir gemacht hast!

Bevor ich alles auf 60 Seiten falsch ändere, frage ich lieber nach...

1. Zum Doctype: Ist es so in der Kombination richtig?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
"http://www.w3.org/TR/html4/loose.dtd">

2. Kann ich die Zeile:

<div class="navi"></div>

einfach so in den <head> verschieben? Das ist vermutlich der <link>,
den Du meinst?
Ich habe den Großteil des <head>, das javascript und
die css styles von einer Bekannten bekommen, die alles wiederum auch
zur Verfügung gestellt bekam und ungefair genauso viel
(oder besser gesagt, genauso wenig) Ahnung hat,wie meine Wenigkeit.
Ich habe nach bestem Wissen und Gewissen darin herumgeschrieben
und meinen Bedürfnissen angepasst aber eine rechte Ahnung von dem,
was ich da tue, hatte ich nicht wirklich...

3. Welches Menü meinst Du?

4. Ich werde mit css noch reichlich Zeit verbringen müssen...

5. Was ist die richtige Alternative für <u>?

6. <strong> habe ich nachträglich eingefügt, damit google auf die
<h1> Überschriften zugreifen kann.

7. Werde ich umändern.

Ich warte gespannt auf Deine Antwort und werde mich dann
gleich an die Arbeit machen.

In den letzten Wochen habe ich eine gefühlte Ewigkeit damit
verbracht, nach Lösungen für meine Probleme im Internet zu suchen.
Das war viiiel Eigenintiative! Darum, liebes Elfchen hoffe ich,
Du nimmst mir den einfachen Weg nicht übel.

Liebe Grüße

Antonia

Thema: Zeitgemässe Alternative für "background"

LinkBack

Themen-Optionen

Zeitgemässe Alternative für "background"

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Alternative zu Frames

Alternative zu Frames

IFrame Alternative

alternative zu frames/iframes?

Alternative zu "input"??

Stichworte

Lesezeichen

Lesezeichen

Berechtigungen