登录 | 注册 | FAQ
Anonymous

BIld wird nicht angezeigt

+ 发表回复

2 篇帖子 分页: 1 / 1


BIld wird nicht angezeigt

Gingerbread » 周日 10月 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:
代码: 全选
<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:
代码: 全选
#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
头像

Gingerbread

  • 帖子: 1
  • 注册: 周日 10月 21, 2012 7:27 am

Re: BIld wird nicht angezeigt

XainPro » 周一 10月 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;}
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1