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 umflieen 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?



    Antworten  Antworten Zitat  Zitat
  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 688

    12.03.2009 um 20:37 Uhr

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



    Antworten  Antworten Zitat  Zitat
  • 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 :(



    Antworten  Antworten Zitat  Zitat
  • 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 gelst. 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 ...
    Antworten  Antworten Zitat  Zitat
  • 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



    Antworten  Antworten Zitat  Zitat

[ 1 ] Seite 1 von 1


Neuste Tutorials

Neuste Forenthemen

Neuste Kommentare

       ALL-INKL.COM - Webhosting Server Hosting Domain Provider