Loading...   Upload Image

CSS ProblemeForum » Tutorials » Help » CSS Probleme

Neues Thema verfassen Neues Thema

  • ChiliUser ist offline
    Newbie



    Registriert: 11.03.2009
    Beitraege: 2

    11.03.2009 um 23:22 Uhr

    moin
    habe dieses einstiegstutorial auf der seite durchgemacht doch leider klappt der code nicht so ganz bei mir ich weiss nicht woran es liegt :(

    kann mir wer helfen?
    http://www.megaupload.com/?d=RUAGFWZ4 (meine css und html datei)

    als code:

    body{
    background: #ECEBD9 url('images/background.jpg') repeat-x; /* Hintergrundbild das senkrecht wiederholt wird */
    color: #686864; /* Schriftfarbe */
    font: 0.9em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; /* Schriftgroesse und Schriftart */
    margin: 0px; /* Aussenabstand */
    }
    p, pre{
    padding: 5px 10px; /* Innenabstand */
    margin: 0px; /* Aussenanbstand */
    color: #2E2E3A; /* Schriftfarbe */
    } 
    #ram {
    background: url('images/mitte.jpg') repeat-y; /* Hintergrundbild das senkrecht wiederholt wird */
    width: 716px; /* Bereit des Div-Elements */
    margin: 0px auto; /* Aussenabstand - durch auto = mittige Ausrichtung */
    }
    #header {
    background: url('images/header.jpg') repeat-y; /* Hintergrundbild das senkrecht wiederholt wird */
    width: 716px; /* Bereit des Div-Elements */
    height: 142px; /* Hoehe des Div-Elements */
    }
    #content {
    width: 490px; /* Bereit des Div-Elements */
    padding: 10px 15px 15px 35px; /* Innenabstand */
    float: left; /* Elemente umfließen lassen */
    } 
    #navi{
    width: 140px; /* Bereit des Div-Elements */
    margin: 0px 0px 0px 565px; /* Aussenabstand */
    padding: 10px 0px 0px 0px; /* Innenabstand */
    }
    
    * html #navi{ /* Angabe nur fuer den IE */
    margin: 0px 0px 0px 555px; /* Aussenabstand */
    }
    
    #navi ul{
    list-style: square inside; /* Liststyle => Quadrat */
    margin: 0px auto; /* Aussenabstand */
    padding: 0px; /* Innenabstand */
    }
    #footer {
    background: #ECEBD9 url('images/footer.jpg') top no-repeat; /* Hintergrundbild das nicht wiederholt wird */
    clear: left; /* hebt float: left; wieder auf*/
    width: 716px; /* Bereit des Div-Elements */
    height: 40px; /* Hoehe des Div-Elements */
    margin: 0px auto; /* Aussenabstand */
    padding: 25px 0px 0px; /* Innenabstand */
    line-height: 36px; /* Zeilenhoehe*/
    text-align: center; /* Textausrichtung */
    color: #969789; /* Textfarbe */
    }
    A { /* generelle Formatierung eines Links */
    color: #A2B710; /* Textfarbe */
    text-decoration: none; /* Definiert das der Link nicht unterstrichen ist */
    }
    
    A:visited { /* Besuchter Link */
    color: #494833; /* Textfarbe */
    text-decoration: underline; /* Definiert dass der Link unterstrichen ist */
    }
    
    A:hover, A:active { /* Aktiver Link & wenn man mit der Maus drueber faehrt */
    color: #686564; /* Textfarbe */
    text-decoration: underline; /* Definiert dass der Link unterstrichen ist */
    } 
    h1{
    color: #A2B710; /* Textfarbe */
    text-align: left; /* Textausrichtung */
    padding: 0 5px 5px 5px; /* Innenabstand */
    font: normal 1.6em verdana, tahoma, sans-serif; /* Schriftgroesse und Schriftart */
    }
    
    
    h2{
    color: #65666B; /* Textfarbe */
    text-align: left; /* Textausrichtung */
    padding: 0 5px 0px 5px; /* Innenabstand */
    font-size: 1.4em; /* Schriftgroesse */
    }



    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>
    <title>Unbenannt-1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    </head>
    <body>
    <div id="header"></div>
    <div id="content">
    </div>
    <div id="navi">
    
    <ul>
    <li><a href="link" title="Link Titel">Anasayfa</a></li>
    <li><a href="link" title="Link Titel">bla</a></li>
    <li><a href="link" title="Link Titel">Uliio</a></li>
    <li><a href="link" title="Link Titel">Iletisim</a></li>
    </ul>
    
    </div>
    <div id="ram">
    Lorem ipsum dolor sit amet, nam donec maecenas faucibus condimentum vestibulum erat, accumsan vulputate enim. At hac et blandit sit suspendisse vel. Neque quis feugiat voluptatem tortor amet, iaculis massa, ultricies sit, pede adipiscing, donec ut, lacinia sed eleifend et augue donec. Blandit lacinia, duis tempus purus rutrum dolor, non elit ut blandit venenatis commodo tellus, blandit sollicitudin, nulla consequat taciti.orem ipsum dolor sit amet, nam donec maecenas faucibus condimentum vestibulum erat, accumsan vulputate enim. At hac et blandit sit suspendisse vel. Neque quis feugiat voluptatem tortor amet, iaculis massa, ultricies sit, pede adipiscing, donec ut, lacinia sed eleifend et augue donec. Blandit lacinia, duis tempus purus rutrum dolor, non elit ut blandit venenatis commodo tellus, blandit sollicitudin, nulla consequat taciti.
    </div>
    
    <div id="footer"></div>
    
    </body>
    </html>


    kann mir wer aushelfen?



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 690

    12.03.2009 um 20:37 Uhr

    Was genau funktionietdenn nicht so, wie du es möchtest?
    Da in der .rar-Datei keinerlei Grafik-Dateien entahlten sind, können diese ja nicht angezeigt werden... ;)



  • ChiliUser ist offline
    Newbie



    Registriert: 11.03.2009
    Beitraege: 2

    12.03.2009 um 22:41 Uhr

    Also ich habe ja
    bg
    header
    mitte
    und den footer als grafik

    der mittlere balken ( der der die hintergrundgrafik vom inhalt darstellt) kommt nicht zum vorschein :(



  • webghostfmUser ist offline
    Beginner


    webghostfm

    Registriert: 28.09.2008
    Beitraege: 35

    13.03.2009 um 09:17 Uhr

    Hi,

    background: #ECEBD9 url('images/background.jpg') repeat-x; /

    Das kann nicht funken, entweder machst du BG COLOR oder BG Image.
    Beides geht nicht...

    Ich hab das auch mal gehabt das Problem, habs dann anders gelöst. Frag mich gerade nur wie *gg*

    Fakt is, so wie du das gemacht hast gehts mal mit sicherheit nicht.

    lg

    Kurz nachgedacht und schon wieder eingefallen:

    Ich glaub ich hab das so gemacht:
    body{
    background:url(http://deinedomain.at/images/deinbild.jpg);
    background-color: #ff0000;
    }



    Der Beitrag wurde insgesamt 1 mal editiert, zuletzt 13.03.2009 um 09:19 Uhr ...
  • KatjanaUser ist offline
    Member


    Katjana

    Registriert: 31.10.2008
    Beitraege: 108

    13.06.2009 um 13:32 Uhr

    Also, bei mir funktioniert es, wenn ich es so schreiben: background: #farbe url('hg.jpg') repeat-y/x;

    Aber was Chili falsch gemacht hat ist,dass die div-container nicht richtig sind, denn es muss so aussehen:

    <!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>
    <title>Unbenannt-1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    </head>
    <body>
    <div id="ram">
    <div id="header"></div>
    
    
    <div id="navi">
    
    <ul>
    <li><a href="link" title="Link Titel">Anasayfa</a></li>
    <li><a href="link" title="Link Titel">bla</a></li>
    <li><a href="link" title="Link Titel">Uliio</a></li>
    <li><a href="link" title="Link Titel">Iletisim</a></li>
    </ul>
    
    </div>
    <div id="content">
    Lorem ipsum dolor sit amet, nam donec maecenas faucibus condimentum vestibulum erat, accumsan vulputate enim. At hac et blandit sit suspendisse vel. Neque quis feugiat voluptatem tortor amet, iaculis massa, ultricies sit, pede adipiscing, donec ut, lacinia sed eleifend et augue donec. Blandit lacinia, duis tempus purus rutrum dolor, non elit ut blandit venenatis commodo tellus, blandit sollicitudin, nulla consequat taciti.orem ipsum dolor sit amet, nam donec maecenas faucibus condimentum vestibulum erat, accumsan vulputate enim. At hac et blandit sit suspendisse vel. Neque quis feugiat voluptatem tortor amet, iaculis massa, ultricies sit, pede adipiscing, donec ut, lacinia sed eleifend et augue donec. Blandit lacinia, duis tempus purus rutrum dolor, non elit ut blandit venenatis commodo tellus, blandit sollicitudin, nulla consequat taciti.
    </div>
    </div>
    <div id="footer"></div>
    
    </body>
    </html>


    Lg Katjana




[ 1 ] Seite 1 von 1


Affiliates:   Pat DG  •   Design Grafixx  •   Blue-Graphics  •   The Seduction  •   Chibi Graphics  •   Gallery Yuri  •   Colorful Gfx  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider