Eselsohr rechts-oben

Furien · 30 Oktober 2008

Hi Community,
Ich bin dabei eine neue Homepage zu erstellen und möchte in der oberen rechten Ecke des Content Bereichs eine Eselsohr in Form einer PNG Grafik einbinden.

Wie ist das möglich?

Danke für Antworten im Voraus.

assmaje · 30 Oktober 2008

Link? Code?

Grundsätzlich mit:

Code:

#beispiel
{
  ...
  background:url(beispiel.png) right top;
}

Furien · 30 Oktober 2008

Kein Link kein Code ;)
Ich habe ja erst vor fünf Minuten angefangen und sitze grade an der CSS Datei.

Danke für die Antwort.
Werd's ausprobieren.

neuroleptika · 30 Oktober 2008

Kommt auf dein html an.
Vielleicht reicht ein Blockelement in die obere rechte Ecke.
Ansonsten ein <div> in #content ausrichten:

Code:

#content {
position: relative;
}

#eselsohr {
position: absolute;
top: 0;
right:0;
background-image: url(eselsohr.png);
height: wert.px;
width: wert.px;
}

Furien · 30 Oktober 2008

Statt einer einzelnen Grafik habe ich das Eselsohr einfach in den Header integriert.

Allerdings ist der Text nicht da, wo er sein sollte.

style1.css

Code:

.content {
  top: 100px;
  font-size: 12px;
	text-align: left;
	left: 19px;
	width: 970px;
	height: 100%;
	
}


.oben {
position: absolute;
top: 0px;
left: 0px;
background-image: url(oben.png);
height: 556px;
width: 1003px;
}

body {
background-image: url('oben.png') fixed;
	font-family: verdana, arial, "lucida grande", sans-serif;
	text-align: left;
	margin-top: 0px;
	height: 100%;
}

index.php (body)

Code:

<body>
 <div class="oben">
 <div class="content">
  hm
 </div>
 </div>
 </body>

Der Text ist nicht 19 PX von links und 100PX von oben entfernt. Warum?

E D I T

Ich habe 'position:absolute;' hinzugefügt und jetzt geht's^^

Eselsohr rechts-oben

Furien

Mitglied

assmaje

Neues Mitglied

Furien

Mitglied

neuroleptika

Aktives Mitglied

Furien

Mitglied

Neueste Beiträge