Grafik außerhalb des Containers positionieren

Hi,

wo muss ich ein entsprechendes "Div" einsetzen, in der Header.php, in der Index.php, oder in der Page.php?

Erst einmal soll die Grafik auf jeder Seite erscheinen, später möchte ich vielleicht einzelne Seiten davon ausschließen.

An welche Stelle der Datei muss das Div stehen?

LG

folgendes hab ich jetzt in der [COLOR=#ff0000]style.css[/COLOR] eingefügt:

#seitengrafik {background:url('images/Korbball-Logo-positiv.jpg') no-repeat}

und in der [COLOR=#ff0000]Header.php[/COLOR] vor den schließenden Body-Tag das:

</script>
<?php endif; ?>
                 [COLOR=#008000]<!-- Anfang, eingefügt für eine Grafik außerhalb des Containers -->[/COLOR]


                <div id="seitengrafik"><a href="#seitengrafik"; position:absolute;left:10px; top:20px; width:60px;height:60px /a>  </div>


                [COLOR=#008000]<!-- Ende -->[/COLOR]
</body>
</html>

Das Bild ist in dem Ordner der in der Style.css angegeben ist - passieren tut nix, was ist da falsch?

LG

sorry, ich bin ziemlicher Anfänger...ich übe noch....das hab ich an anderer Stelle in der Style.css geklaut und geändert, scheinbar aber falsch :cry:

Link zur Seite: http://www.ntb-spiele.de, sollte aber auch in der Signatur stehen.

LG

Zitat von alchymyth

falls du mit der theme-anpassung weitermachen willst, wirst du dich mit css und html (und ein bischen php) vertraut machen muessen.

da versuche ich mich ja grade dran, ist nur nicht so einfach wie ich dachte....

Nein, ich will erst mal nichts weiter als eine - später auch mehrere Grafiken - außerhalb des Containers einbinden und die sollen statisch sein, also nicht mitscrollen.

Das würde doch bedeuten in deinem Beispielcode einfach diesen Teil wegzulassen:

#seitengrafik a {  width:65px; height:70px; display:block;  background:none; }

Aber vielen Dank schon mal für deinen Beispielcode.

LG

danke, das funktioniert...
ich verstehe aber die Beziehung zwischen "left=50%" und "margin-left:-540px" nicht.
Auf was beziehen sich die 50% und welche Beziehung besteht zu margin-left -540px ? Die Erklärungen auf selfhtml.org bringen mich leider auch nicht weiter.
Wenn ich das Bild an die linke Seite haben will, mit etwas Abstand zum linken Rand, müsste ich doch +10px bei margin eintragen. Wenn ich davon ausgehe das left und high den Nullpunkt angeben, gibt doch margin-left den zusätzlichen Rand dazu an, oder nicht?

LG

gespielt hab ich jetzt.....:?

eingehen tut mir das noch nicht so recht. Müsste dann nicht die Angabe "margin" auch in % erfolgen, damit sich das Ganze beim verkleinern des Browserfensters nicht in den Text schiebt.

Außerdem müsste dann doch die Angabe "right=50% identisch mit "left=50%" sein.

Ich hab jetzt die Grafik nach rechts verschoben und auch verlinkt (die Idee von dir war gut).

Jetzt hab ich nur ein Problem mit der Überschrift, ich weiß nur noch nicht so recht warum. Um nicht in Schwierigkeiten mit einer Vererbung zu kommen hab ich die Schrift neu zugewiesen, klappt aber nicht.

Das hab ich gemacht:

style.css:

#seitentext {
position:absolute;
left:50%;
margin-left:500px;
top:345px;
width:150px;
height:30px;
border:1px solid;
display:block;  }


.seitentext h2 {
font-family:verdana,'Lucida Grande',arial,sans-serif;
font-size:1.3em;
line-height:1.5385;
margin:1.5385em 0 0;  }


.titel_ausserhalb        {
line-height:1.5385;
color:#F39404;
font-weight:bold;         }

Position stimmt, Farbe stimmt, nur die Schriftgröße will nicht

LG

Zitat

es ist wirklich nicht die aufgabe eines WordPress-Forums, html und css grundlagen zu vermitteln.

das hab ich verstanden, trotzdem ein dickes Danke für deine Unterstützung, ich habs dadurch hinbekommen.
LG