Jeg er igang med at sætte en hjemmeside op men har lidt problemer.
jeg har 1 stykke grafik som bare skal repeat fra venstre til højre og så har jeg 1 grafik som er mit logo som skal være i midten af skærmen, og så skal jeg have det samme stykke grafik som bare skal repeate igen fra venstre mod højre.
så det vil se sån her ud ca.
_______________________________________
repeat repeat LOGO repeat repeat
_______________________________________
men mit div #logo_02 det er ligesom om at den går henover div #logo_01
Håber i forstår hvad jeg mener,
her er min Html
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>hjemmeside</title>
- <link href="stylesheets/design.style.css" rel="stylesheet" type="text/css" />
- </head>
-
- <body>
- <div id="logo_ramme">
-
- <div id="logo_01">test</div><!-- logo_01 slut -->
- <div id="logo_02">test</div><!-- logo_02 slut -->
- <div id="logo_03">test</div><!-- logo_02 slut -->
-
- </div><!-- logo_ramme slut -->
- </body>
- </html>
Her er min CSS
- #logo_ramme {
- min-height: 100%;
- height: 100%;
- height: auto;
-
- }
-
- #logo_01 {
- background-image: url(../images/logo_01.jpg);
- height: 219px;
- min-height: 100%;
- height: 100%;
- float: left;
- background-repeat: repeat-x;
-
- }
-
- #logo_02 {
- background-image: url(../images/logo_02.jpg);
- height: 219px;
- width: 825px;
- float: left;
- margin-left:auto;
- margin-right:auto;
- }
-
- #logo_03 {
- background-image: url(../images/logo_01.jpg);
- background-repeat: repeat-x;
- height: 219px;
- min-height: 100%;
- height: 100%;
- float: left;
-
- }