Anmelden | Registrieren | FAQ
Anonymous

BIld wird nicht angezeigt

+ Antwort erstellen

2 Beiträge Seite 1 von 1


BIld wird nicht angezeigt

von Gingerbread » So Okt 21, 2012 7:32 am

Hallo,

Ich hab ein kleines Problem undzwar werden nicht alle Bilder angezeigt (Nur der Header),
da ich ziemlich neu in der HTML Welt bin hab ich keine Ahnun and was es liegt.

index.html:
Code: Alles auswählen
<html>
<head>
    <title>Test Website</title>
   
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="favicon" href="images/favicon.ico">
   
   <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="js/jquery.jcarousel.js"></script>
   <script type="text/javascript" src="js/jquery-func.js"></script>
</head>

<body>
   <div id="header"></div>
      <div id="randl"></div>
      <div id="content"></div>
      <div id="randr"></div>

</body>

</html>


style.css:
Code: Alles auswählen
#header {
background-image:url('images/header.png');
background-repeat:repeat-x;
height:200px;
width:100%;
}

#randl {
background-image:url('images/randl.png');
background-repeat:repeat-y;
height:100%;
width:40px;
float: left;
}

#content {
background-image:url('images/content.png');
background-repeat:repeat-x;
background-repeat:repeat-y;
height:100%;
width:100%;
float: left;
}

#randr {
background-image:url('images/randr.png');
background-repeat:repeat-y;
height:100%;
width:40px;
float: right;
}


Wieso werden die anderen 3 Bilder nicht angezeigt?
Und ist es besser das Layout mittels Tabellen oder Div containern zu erstellen?

Danke im vorraus,
Mfg
Benutzeravatar

Gingerbread

  • Beiträge: 1
  • Registriert: So Okt 21, 2012 7:27 am

Re: BIld wird nicht angezeigt

von XainPro » Mo Okt 22, 2012 2:55 pm

divs sind am besten für das Layout
bitte klares Floatglas nach der Verwendung CSS Eigenschaft float

<html>
<head>
<title>Test Website</title>

<link rel="stylesheet" type="text/css" href="style.css">
<link rel="favicon" href="images/favicon.ico">

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/jquery-func.js"></script>
</head>

<body>
<div id="header"></div>
<div id="randl"></div>
<div id="content"></div>
<div id="randr"></div>
<br id="clear">

</body>

</html>

#clear {cleart:both;}
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm


+ Antwort erstellen

Seite 1 von 1