• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Brauche hilfe, css backgrounds verschachteln. werden nicht angezeigt

L

leridan

Neues Mitglied
Hey Leute

Habe ein kleines Problemchen, habe eben eine grafik als background image in css verschachtelt, leider zeigt der mir aber nun die grafik nicht in html an.


CSS:

HTML: 
body
{

background-color: black
}
#hallo
{
background-image: url(Design/cronstuction.png);
}
div
{
position: absolute;
margin-left: 90px
}
div2
{
position absolute;
left: 100pt
}
div3
{
position: absolute;
right: 1pt
}
HTML:


HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<link href="Design/test.css" rel="stylesheet" type="text/css">
<head>
    <title>Lerix-Prod</title>
</head>
<body>
<div>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>
<div>
<img src="Design/Aufbau.png" alt="Aufbau" />
</div>
</body>
</html>
hoffe das ihr mir da helfen könnt

GRUß LERI^^
 
Da sind gleich mehrere Fehler:

Der Link zur CSS-Datei gehört innerhalb des head-Bereichs.

Der Div #hallo wird im HTML-Teil nicht aufgerufen. Folglich kann dessen Hintergrundgrafik nicht angezeigt werden.
Ferner:
Hintergrundgrafik wird nicht angezeigt

Für die direkt eingebundenen Images brauchst du nicht unbedingt noch einen Div.


Noch ein Tipp:
Deine absoluten Positionierungen sind "absolut" unnötig.
Löse die Anordnung besser über float- und margin-Angaben.
 
Habe noch ein problem, die Klassen klappen jetzt jedoch nehmen die grafiken keine positionen mehr an, punktgenau schon aber nicht mit top, right etc.


HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
    <title>Lerix-Prod</title>
<link href="Design/test.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">

</div>
<div id="picleft">

</div>
<div id="picright">

</div>
</body>
</html>




HTML: 
body
{
background-color: black;
}
#header {
background-image: url(cronstuction.png);
width: 800px;
height: 600px;
Background-position: center;
} 
#picleft
{
background-image: url(Aufbau1.png);
background-position: left;
width: 100px;
height: 800px;
}
#picright
{

background-image: url(Aufbau1.png);
background-position: right;
width: 100px;
height: 800px;
}
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben