nur ein div???

maskotchen · 18.07.2009

Ich habe ien problem und zwar habe ich einen html code bei dreamviuwer :

<div style="position:absolute; top:12cm; left:9cm; z-index:2px;">meinbild</div>

und nun möchte ein anderes bild mit dem selben code ( nätürlich mid ander cm angaben ) einbauen nur leider zeigt mit dremviuwer kommischer weise keine angebote mehr nur das <span und dann is schluß und das heißt schon mal das da was nit stimmt kann mir jemand sagen wie ich mein Problem lösen kann??? schon mal Danke im vorraus XD

mjg maskotchen

Guin · 18.07.2009

AW: nur ein div???

Ich kenne zwar dreamviuwer nicht aber vllt liegt es daran das du besser div statt span nutzen sollst auch ist es besser wenn man keine cm angaben macht da das auf dem bildschirm von der auflösung abhängt der z-index wird ohne px geschrieben!!!

sokie · 19.07.2009

AW: nur ein div???

maskotchen schrieb:
kommischer weise keine angebote mehr nur das <span und dann is schluß

da liegt vielleicht auch der Fehler, was man aber nicht sagen kann,weil du uns den Teil des codes ja nicht gepostet hast.

v36374 · 19.07.2009

AW: nur ein div???

Liegt warscheinlich daran das <span> ein Inline-Element ist.

Div ist KEIN Inline-Element und das bedeutet das hinter dem Schlusstag ein (unsichtbarer) <br> Tag steht...

Blödsinnig aber egal ...

<span> benutze ich meistens nur für class oder style Attribute

Du kannst bei nicht Inline-Elementen (z.B. Div, p, h1, h2 etc) noch ins style Attribut reinschreiben: "display:inline;" Dann verfällt der <br>

anoX · 19.07.2009

AW: nur ein div???

Also wenn ich dich richtig verstehe, hast Du einen DIV-Container mit einem Bild und willst einen weiteren DIV-Container einfügen. So weit so gut, aber das geht nicht mit ein und dem selben Code - jedenfalls nicht dann, wenn die "cm"-Angaben sich ändern sollen.

Also Du hast 2 Möglichkeiten:

A)

DIV 1:

Code:

<div style="position:absolute; top:12cm; left:9cm; z-index:2;">
<img src="pfad/zum/bild1.jpg" alt="beschreibung" />
</div>

DIV 2:

Code:

<div style="position:absolute; top:2cm; left:3cm; z-index:2;">
<img src="pfad/zum/bild2.jpg" alt="beschreibung" />
</div>

B)

Lege eine style.css an, wenn noch nicht vorhanden und pack das rein:

Code:

div#bild1 {
background:url("pfad/zum/bild1.jpg") no-repeat;
height:100px; 
left:9cm;
position:absolute;
text-indent:-9999px; // um Text auszublenden
top:12cm;
width:100px;
z-index:2;
}

div#bild2 {
background:url("pfad/zum/bild2.jpg") no-repeat;
height:50px; 
left:3cm;
position:absolute;
text-indent:-9999px; // um Text auszublenden
top:200cm;
width:50px;
z-index:2;
}

In die blablub.html dann das zwischen <head> und </head> um die CSS einzubinden:

Code:

<link rel="stylesheet" type="text/css" href="pfad/zur/style.css">

Und für die DIVs dann das:

DIV 1:

Code:

<div id="bild1">Text</div>

DIV 2:

Code:

<div id="bild2">Text</div>

... und geh von den cm weg - nimm px.

maskotchen · 22.07.2009

AW: nur ein div???

danke

mfg maskotchen