CSS Probleme--ich habe alles gemacht

Appi · 27. März 2008

Hallo,ich habe ein großes Problem.
Ich habe es jetzt ja geschafft mir eine Website zu machen.Das HTML-Seminar ist echt klasse.Bloß beim Design will es einfach nicht klappen.Ich benutze den Editor Sriptly.Ich habe alles so gemacht wie beschrieben http://www.html-seminar.de/pro_css.htm,aber mein Editor zeigt weder ein Bild noch ein Schlagschatten an.Vielleicht habe ich auch irgendwas falsch gemach aber bitte helft mir ich will unbedingt so ein schönes Design hinbekommen.Bin 13 Jahre alt und mein Traum ist mal Informatiker zu werden ;-).
Naja danke schonmal wäre echt nett wenn mir wer helfen könnte.Meine ICQ Nummer:301-661-697.

Gruß Mario[/url]

Foster · 27. März 2008

Hi, wenn du einfach mal deinen Quellcode postest kann ich es mir mal anschauen

Appi · 28. März 2008

Ok sorry also hier ist alles aber ich wette mir dir das es an mir liegt danke schonmal

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
  <title>Design über CSS pur - Beispiel</title>




  <style type="text/css">
  <!—




  -->
  </style>
   <link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>




</body>
</html>







<div id="kopfbereich">
<p>Säulenbauten des 20. Jahrhunderts</p>
</div>




<div id="steuerung">
Steuerung
</div>




<div id="schatten">
Hier kommt der Schatten später
</div>




<div id="inhalt">
Der eigentliche Inhaltsbereich
</div>




<style type="text/css">
<!--
#kopfbereich {
  background-color: red;
}
-->







 #kopfbereich {
  background:url(bilder/hg-saeulen-img-9599.jpg) no-repeat left top;
  height:150px;
}







#steuerung {
  background-color:#ceb98e;
  padding-left:1em;
}













#schatten {
  background:url(bilder/schattenwurf-grau-v.png) repeat-x;
}




#kopfbereich p {
  color:white;
  text-align:right;
  font-size:2em;
  padding:0.4em 0.4em 0 0;
}







* {
  margin:0;
  padding:0;
}




#inhalt h1, h2, h3, p, ul {
  padding-bottom:.7em;




}




#inhalt ul {
  padding-left:2em;
}

Alles anzeigen

Mario

Foster · 28. März 2008

Zitat

Ich habe alles so gemacht wie beschrieben

Wetten nicht
[Blockierte Grafik: http://foster116.fo.funpic.de/zeug/asdf.jpg]

Darüber hinaus solltest du dich auch mal fragen, warum der Body-Bereich bei dir vollkommen leer ist und was dort wohl hineingehören könnte

Appi · 28. März 2008

also alles in den body bereich?
so:????????
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Design über CSS pur - Beispiel</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
<!-

-->
/*]]>*/
</style>
<link href="style.css" type="text/css" rel="stylesheet" />
<meta content="MSHTML 6.00.6000.16608" name="GENERATOR" />
<style type="text/css">
/*<![CDATA[*/

#kopfbereich {
background:url(bilder/hg-saeulen-img-9599.jpg) no-repeat left top;
height:150px;
}

#steuerung {
background-color:#ceb98e;
padding-left:1em;
}

#schatten {
background:url(bilder/schattenwurf-grau-v.png) repeat-x;
}

#kopfbereich p {
color:white;
text-align:right;
font-size:2em;
padding:0.4em 0.4em 0 0;
}

* {
margin:0;
padding:0;
}

#inhalt h1, h2, h3, p, ul {
padding-bottom:.7em;

}

#inhalt ul {
padding-left:2em;
}
</body>
/*]]>*/
</style>
</head>

<body>
<div id="kopfbereich">
<p>Säulenbauten des 20. Jahrhunderts</p>
</div>

<div id="steuerung">
Steuerung
</div>

<div id="schatten">
Hier kommt der Schatten später
</div>

<div id="inhalt">
Der eigentliche Inhaltsbereich
</div>
</body>
</html>

gruß mario

Ginnic · 28. März 2008

Code

#inhalt ul { 
padding-left:2em; 
} 
</body> 
/*]]>*/ 
</style> 
</head> 




<body> 
<div id="kopfbereich">

Alles anzeigen

Fast schon gut... jetzt musst Du nur noch aus dem oben genannten Auschnitt das "</body>" entfernen...
dies ist noch zuviel. Dieser Abschnitt ist ca. in der mitte des ganzen Scriptes.

Danach wirds gehen....

.

Appi · 29. März 2008

ok danke aber ich hab das "</body>" entfernt und es hat sich eigentlich nichts gebesser.Da steht nur Steuerung:in braun dann "hier kommt der schatten später und schwarz" und "der eigentliche inhaltsbereich".Oben ist frei mit weißem Hintergrund.Kann mir wer vielleicht alles komplett richtig schicken :-)?
danke nochmmal

gruß mario

Foster · 29. März 2008

So schwer kann das doch nicht sein, wenn du ganz einfach die Grundstruktur:

HTML

<Doctype>
<html>
<head>




</head>
<body>




</body>
</html>

Alles anzeigen

beibehälst und alles, was in den Head-Bereich gehört auch da reinschreibst (ist auf der Seite ja alles beschrieben) und den Rest, der im Head-Bereicht nichts zu suchen hat in den Body-Bereich steckst.

Kannst ja auch gleich noch mal deinen aktuellen Code posten.

Ginnic · 29. März 2008

... und erstelle doch vielleicht erst einmal nicht alles auf einmal sondern Schritt für Schritt... und immer wieder einmal anschauen zwischendurch...

-

Appi · 29. März 2008

hmm eigentlich hab ich mir das immer schritt für schritt angeguckt kann mir wer vielleicht den fertigen code schicken?also so wie es aussehen sollte?

gruß mario

Tinania · 17. Oktober 2008

EDIT: hat sich erledigt, bin selber drauf gekommen *g*

CSS Probleme--ich habe alles gemacht

Jetzt mitmachen!

Teilen