Layout mit DiV gestalten oder doch AP? (Anfängerfrage)

[laello]

Da ich das ganze im ein CMS umsetzten will, möchte ich das ganze in DIV gestalten.
Aber ich kenn mich überhaupt nicht aus. Hab noch nie mit Div gearbeitet und versuch mich da jetzt reinzuarbeiten.

Ich hab versucht mich reinzulesen, aber mir wird nicht klar was der Uterschied zwischen AP oder Div Tag ist?
Wann verwende ich was?


Ich hab eine Index Seite und eine Style Seite die auch mit einaneinder verknüpft sind. Ich hab unter Einfügen-> Layoutobjekte einen Div Tag eingefügt.
Jetzt hab ich einen Div Tag auf meiner Seite den ich nicht bearbeiten kann.

Ich möchte da ein Hintergrundbild so wie position und größe ändern.
Kann mir jemand da weiterhelfen?

Ich hab noch Dreamweaver CS3

Dankeschön

[max.m]

Ich hab versucht mich reinzulesen, aber mir wird nicht klar was der Uterschied zwischen AP oder Div Tag ist?

Das sind beides Div-Tags. Der Unterschied ist wie es positioniert wird. (AP wird absolut positioniert)
Das ist ganz gut hier erklärt.
position

[Desko]

Ich denke, dass sind eben die Probleme die auftauchen, wenn man alles per WYSIWYG-Editor machen will... Dir fehlen reine HTML-Grundlagen.

Sicher kann man DIVs benutzen, wenn man es nicht übertreibt, sind ein wirklich nütliches Element in einem HTML-Script. Ohne das Wissen wirst Du imho keine gute Site basteln können, guck darum auch mal hier

[laello]

Ok, dann war meine Wahl schon richtig ganz normale Divs zu verwenden.

Hier noch mal meine Frage von oben:

Ich hab eine Index Seite und eine Style Seite die auch mit einaneinder verknüpft sind. Ich hab unter Einfügen-> Layoutobjekte einen Div Tag eingefügt. Jetzt hab ich einen Div Tag auf meiner Seite den ich nicht bearbeiten kann.

Gab es da auch eine Lösung?

Sicher kann man DIVs benutzen, wenn man es nicht übertreibt, sind ein wirklich nütliches Element in einem HTML-Script.

Wie gesagt, ich will halt ein Layout ohne Tabellen. Ja, das ist das Problem wenn mit WYSIWYG-Editor, man hat von nichts eine Ahnung,
aber es ist so schön praktisch:-D

[max.m]

"Jetzt hab ich einen Div Tag auf meiner Seite den ich nicht bearbeiten kann"
Das verstehe ich nicht. Was kannst Du wo nicht bearbeiten? In der Codeansicht im HTML-Dokument? In der CSS-Datei die entsprechende Klasse oder ID zum Div?

[Desko]

Ich hab eine Index Seite und eine Style Seite die auch mit einaneinder verknüpft sind. Ich hab unter Einfügen-> Layoutobjekte einen Div Tag eingefügt.
Jetzt hab ich einen Div Tag auf meiner Seite den ich nicht bearbeiten kann.

Sorry,

aber daraus werde ich nicht schlau. Der Text oder ein Link wären hilfreich, oder es ist wirklich eine DW-Sache, wobei ich auch nicht helfen kann, aber, wie in meinem letzten Post zu lesen, Dir fehlt es an Grundlagen...

Ja, das ist das Problem wenn mit WYSIWYG-Editor, man hat von nichts eine Ahnung,
aber es ist so schön praktisch:-D

Ist vielleicht doch nicht ganz so einfach, wie Du dachtest.

[laello]

Nein, leider hab ich keinen Link, da das ganze offlne ist.

Ich versuch es nochmals zu erklären.
Ich hab eine HTML Seite wo ich die CSS extern habe, also auf eine CSS Seite.
Die HTML Seite ist mit der CSS verknüpft, also verlinkt.

Ich hab auf der HTML Seite ein Div gesetzt

<div id="banner">Raum für den Inhalt von class "banner" id "banner"</div>

Denn Div möchte ich mit CSS bearbieten. Die Größe ändern, und ein Hintergrundbild einfügen.
Wäre das mit DReamweaver möglich?

[Desko]

Wenn Du dem Div eine Id oder Class zuweist, kannst Du via CSS auf diese zugreifen und dementsprechend formatieren. Kein großes Ding. Kenne halt nicht DW, aber sollte mich schon sehr wundern, wenn es nicht geht.

[laello]

Da hat mich jemand verstanden *gggrrr*

Genau das war was ich wissen wollte, ob es über DW geht? Wenn ja wie?

[His.Master's.Voice]

Wenn ja wie?

laello, die Frage hat dir Desko bereits beantwortet. Unter www.css4you.de kann man nachlesen wie du z.B. einen Container mit Hilfe der background Anweisung formatieren kannst.
Mal ein Bsp.: Denn nachfolgenden Code schreibt man natürlich nicht in die HTML Datei rein, sondern in das sog. externe Stylesheet welches du bereits erwähnt hast.

 
#banner {
width: 450px;
height: 120px;
background: #dadada url (images/hintergrundbild.jpg) no-repeat;
border: 1px solid #000000;
}

Erzeugt einen Container namens #banner mit der Breite 450px und 120px hoch.
Hintergrundfarbe hellgrau (Hex Farbewert: #dadada) mit einem Hintergrundbild welches im Verzeichnis images liegt und nicht wiederholt wird.
Darum noch einen 1px starken Rahmen (border) in schwarz.

Beachte noch, dass du mit <div id="banner">bla bla bla</div> eine ID und keine class festgelegt hast. Eine ID darf nur einmal vorkommen. Classen dürfen dagegen öfters in der HTML-Datei benutzt werden.

Soll es eine Class sein benutze im Stylesheet den Punkt anstatt #
für <div class="meineclasse"> Dieser Container ist eine Class und darf mehrmals benutzt werden</div>

.meineclasse {
bla
bla
}

[laello]

Dankeschön, ich werd mir das durchlesen.

Ich hab jetzt mal ein DIV erstellt mit den CSS eigenschaften.

#body {
top: 0;
background-repeat: no-repeat;
background-position: center top;
height: 1000px;
width: 700px;
margin-left:auto;
margin-right:auto;
background-color: #E3E3E3;
position: relative;
left: 0;
z-index: 0;
}

Aber ich hab oben einen weißen Rahmen, ich weiß nicht wie ich den weg bekomme?

[Desko]

Richtigstellung:

css4you kam vor mir von max, ich habe nur selfhtml hinterhergeschoben, weil ich dachte, kann auch helfen... Will mich ja nicht mit fremden Federn schmücken!

Aber die beste Erklärung kam mal wieder von Dir, hmv!

[Desko]

Aber ich hab oben einen weißen Rahmen, ich weiß nicht wie ich den weg bekomme?

Versuch mal Folgendes, setz in dem Stylesheet folgende Zeile an erste Stelle. Das bewirkt, das sämtliche Abstände generell auf 0 gesetzt werden:

* {margin: 0; padding: 0;}

Vielleicht hängts daran, schadet aber auch nicht.

[max.m]

Dankeschön, ich werd mir das durchlesen.

Aber ich hab oben einen weißen Rahmen, ich weiß nicht wie ich den weg bekomme?

Hast Du diesen Code selbst geschrieben? Bzw. Du weisst nicht wirklich was das bewirken soll, oder?

[Torsten]

Schau Dir mal die Vorlagen von Dreamweaver an

Du kannst im Prinzip jede Art von Layout aus der entsprechenden Vorlage generieren...
Das Grundlayout kann so in 10min fertig sein

EDIT

CSS-basierte Layouts verwenden und anpassen - »Video »HTML