Zurück   HTML Forum > Programmierung > CSS

CSS Für die Gestaltung deiner Webseite fehlen dir die nötigen CSS-Kenntnisse, dann wird dir in diesem Forum geholfen.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 15.04.2010, 07:37   #1
Neuer Benutzer
 
Registriert seit: 09.04.2010
Beiträge: 5
Standard Mein erster css Versuch Was ist falsch?

Hallo ich versuche mich erstmals alleine an CSS, ich würde gerne wissen was falsch ist und warum mir nichts angezeigt wird. ich will das als Schablone haben um eine HP für alle Auflösungen zu erstellen und dieses in alle Seiten einbauen, damit ich danach nur im css code nur die Werte ändern muss bei den einzelnen Seiten die ich einrichte.
aber das ist meine Sorge ich möchte nur wissen was am script falsch ist und warum es nichts anzeigt.
Danke erst mal
Alex
Code:
<html>

<head>
<style type="text/css">
#rahmen {
            position: absolute; 
            left: 0; 
            top: 0; 
            width: 800px; 
            height: 600px; 
            background-image:url('kram/gross/images/hintegrund.jpg'); 
            background-repeat:no-repeat; 
            background-attachment:fixed;
            z-index: 1
         }

#banner {

            position: absolute 
            left: 0; 
            top: 0; 
            width: 800px; 
            height: 110px; 
            z-index: 2
          }
        
#links {

            position: absolute; 
            left: 0; 
            top: 110; 
            width: 200px; 
            height: 600px;
            z-index: 3
            }
#mitte {
            position: absolute; 
            left: 200; 
            top: 110; 
            width: 400px; 
            height: 600px; 
            overflow:scroll;
            overflow-x:hidden;
            background-image: url('kram/gross/images/schrifthintergrung.gif');
            z-index: 4
         }
#rechts {
            position: absolute; 
            left: 600; 
            top: 110; 
            width: 200px; 
            height: 600px;
            z-index: 5
            }
</head>

<body style="
    overflow:hidden; 
    text-align: center" 
    topmargin="0" 
    leftmargin="0" 
    rightmargin="0" 
    bottommargin="0">

<div id="Rahmen">
    <div id="banner">Banner</div>        
    <div id="links">Links</div>
    <div id="mitte">Mitte</div>
    <div id="rechts">Rechs</div>
</div>

</body>

</html>
AlexHPS ist offline   Mit Zitat antworten
Alt 15.04.2010, 07:52   #2
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 334
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Mein erster css Versuch Was ist falsch?

Erstelle eine Datei style.css und schreibe dort deine CSS Angaben rein.

Code:
#rahmen {
            position: absolute; 
            left: 0; 
            top: 0; 
            width: 800px; 
            height: 600px; 
            background-image:url('kram/gross/images/hintegrund.jpg'); 
            background-repeat:no-repeat; 
            background-attachment:fixed;
            z-index: 1
         }

#banner {

            position: absolute 
            left: 0; 
            top: 0; 
            width: 800px; 
            height: 110px; 
            z-index: 2
          }
        
#links {

            position: absolute; 
            left: 0; 
            top: 110; 
            width: 200px; 
            height: 600px;
            z-index: 3
            }
#mitte {
            position: absolute; 
            left: 200; 
            top: 110; 
            width: 400px; 
            height: 600px; 
            overflow:scroll;
            overflow-x:hidden;
            background-image: url('kram/gross/images/schrifthintergrung.gif');
            z-index: 4
         }
#rechts {
            position: absolute; 
            left: 600; 
            top: 110; 
            width: 200px; 
            height: 600px;
            z-index: 5
            }
Nun bindest du diese Datei in den Header deiner HTML-Seiten ein.

HTML-Code:
<link rel="stylesheet" type="text/css" href="http://www.deineseite.de/style.css" />
Fertig =).

Übrigens funktioniert deine Variante nicht, weil du den Style-Tag nicht geschlossen hast (</style>).
developr ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Counter-Strike Source Server installieren developr Weitere Serverdienste 7 19.03.2010 20:59
java script zu css (marquee) ToolzA JavaScript 1 21.11.2009 16:37
HTML oder CSS Textbox Rahmenfarbe ändern? Haseex PHP 3 17.09.2009 15:47
XML parsen und CSS in PHP einbauen Paze PHP 4 15.07.2009 14:50