• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

html css prob

witzigerkiller

New member
Hallo, ich bin dabei meine besthende hp neu zu coden mit divs. nur leider läuft da etwas schief:


style.css

HTML:
body          { background-color: #465862
                font-family: Verdana, sans-serif;             }

/* Allgemeine Definiton der Bilder */

.backlinks    { background-image: url(images/back_links.jpg); }
            
.header       { background-image: url(images/header.jpg);
                background-repeat: no-repeat;                 }

.backrechts   { background-image: url(images/back_rechts.jpg) }

.menue        { background-image: url(images/menue.jpg);      }

.content      { background-image: url(images/content.jpg);    }

.copyright    { background-image: url(images/copyright.jpg);  }

/* Allgemeine Definiton der Texte */

.uberschrift  { font-size: 12pt;
                color: #414A4C;
                font-weight: bold;                            }

.content      { font-size: 9pt;
                color: #414A4C;
                font-weight: bold;                            }
                
.menu         { font-size: 10pt;
                color: #FFFFFF;
                font-weight: bold;                            }
                
.menu2        { font-size: 10pt;
                color: #FFFFFF;
                font-weight: bold;                            }


index. html

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Title</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
  <body>
   <div class="header" width="434" height="158"> </div> 
  </body>
</html>


Nur ich habe das Problem, das beim css das mit dem no-repeat nicht funktioniert, und im div das width und height nicht.

Naja, das einzige was ich will, ist das header bild in voller größe und nicht länger oder breiter angezigt wird, und nicht wiederholt wird. Was habe ich falsch gemacht, oder muss ich ändern?
 
was ist denn mit backlinks und rechts? bzw. wie und wo wird das eingebunden?
bau mal width und height für den Header auch in den .header style ein.
 
Also erstmal danke, das du mir hilfst.

Leider hat das mein Prob nicht annähernd gelöst, oder geholfen.


Naja, habe mal für besseren verständniss alles hochgeladen:

www.selfcode.de/Service/index.html

css datei gibts hier:

www.selfcode.de/Service/style.css

und bilder gibts hier:

www.selfcode.de/images/header.jpg

www.selfcode.de/images/back_links.jpg

www.selfcode.de/images/back_rechts.jpg

www.selfcode.de/images/menue.jpg

www.selfcode.de/images/content.jpg

www.selfcode.de/images/copyright.jpg



Danke dir schonmal ;-) :love:
 
Probiere mal das:
Code:
.header {width:434px;height:158px;background:url(images/header.jpg) no-repeat}
Wenn das nicht funzt, dann position:absolute und top, left ausprobieren...
 
Du hast nirgendwo für deinen Seitenkörper eine Breite angegeben, trotz images die eine feste Breite ergeben.
 
zur Erklärung zum Beispiel:
zunächst global padding und margin auf 0 setzen
den header würde ich in diesem Fall mit position:absolute positionieren.
dann ein aussen div
darin ein backlinks, content und backrechts div mit float:left

das content div mit top-margin in Höhe des headers setzen

Ich persönlich mach das aber immer so, das ich die gesamte obere Breite als headbereich in drei Teilen definiere, dann braucht man nix absolut positionieren.
Also hier im Beispiel
wieder margin und padding global auf 0
ein aussen div
darin
linker oberer Wolkenteil, header und rechter oberer Wolkenteil mit float:left nebeneinandersetzen

und darunter wieder linker Wolkenteil - Content - rechter Wolkenteil
 
Zurück
Oben