CSS Problem

**Kropff** · 01.12.2006, 14:13

entweder css lernen oder zur projekthilfe verschieben lassen. wenn du bereit bist, dafür geld auszugeben, zu den jobangeboten

gruß
peter

**EviLCypress** · 01.12.2006, 14:26

ja das ist mein Problem.

das muss bis Montag fertig sein.

Ist das so komplex das man dafür bezahlen müsste?

Geht das nicht schnell?

Kenne mich da nicht so aus.

Könnte das nicht evtl. einer von euch mal eben zusammen zimmern?

**Kropff** · 01.12.2006, 14:33

das muss bis Montag fertig sein.

dann hast du das ganze wochenende zeit, dich durch die theorie und die beiden tutorials zu kämpfen sowie die aufgabe zu lösen. denn ich habe in zwei stunden auch wochenende.

gruß
peter

**EviLCypress** · 03.12.2006, 16:29

hallo nochmal...
ich bekomme das irgendwie nicht hin.

kann mir da einer helfen?

**mcmurphy** · 03.12.2006, 18:25

ich bekomme das irgendwie nicht hin

ist keine Problem beschreibung.
Keine Hilfe ohne minimalen eigenen Einsatz.
Hast du zumindest Html Quellcode?

**Kropff** · 04.12.2006, 12:54

das muss bis Montag fertig sein
ich bekomme das irgendwie nicht hin

OffTopic:
und wieder hat jemand seine hausaufgaben nicht gemacht

peter

**EviLCypress** · 06.12.2006, 19:45

CSS DATEI



//div.a2 {font-size:10pt; font-family:Verdana; background-color:#0080c0;}

HTML DATEI

<html>

<head>
<title>Wochenhoroskop</title>
<link rel="stylesheet" href="Horoskop.css" type="text/css">
</head>
<body>
<center><h1>Horoskop vom 20. bis 26 Oktober</h1></center>
<div class="a1">LÖWE 23.7. - 23.4.</div>
<div class="a2">WAAGE 24.9 - 23.10.</div>
<div class="a3">SCHÜTZE 23.11. - 21.12.</div>
<p class="mark">Beruf und Geld</p>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</body>

</html>

Schon alleine das ist shitte.
Kann mir da einer helfen?

**wahsaga** · 06.12.2006, 19:56

Original geschrieben von EviLCypress
Schon alleine das ist shitte.

Stimmt auffallend.

Was machen denn bitteschön HTML-Kommentare in einer CSS-Datei?

Und das HTML ist auch grottig. Kein Doctype, fehlplatzierte Divs statt Listen und P statt Überschrift, veraltete Elemente zur Beeinflussung der Darstellung statt konsequentem CSS-Einsatz (center) ...

**EviLCypress** · 06.12.2006, 21:27

Ja muss das nicht darein?
ist CSS nicht nur für den Style? Kann da auch text drinn stehen?

ICh bekomme nen rappel

versuche mich mit hilfe von div. Seiten zurecht zu finden.

Würg.

**Kropff** · 06.12.2006, 21:36

lesen, lernen und verstehen

btw: darf ich raten? golive?

gruß
peter

**wahsaga** · 06.12.2006, 22:22

Original geschrieben von EviLCypress
Ja muss das nicht darein?

Was wo rein?
Könntest du bitte vollständige Fragen formulieren, statt rumzustammeln?

ist CSS nicht nur für den Style? Kann da auch text drinn stehen?

Als Kommentar kann da natürlich auch Text drinstehen - dann aber bitte mit den korrekten Kommentarkennzeichnungen.

**mcmurphy** · 07.12.2006, 11:44

Mache dir einen Vorschlag:
gebe dir erstmal eine Html - Struktur, so wie ich es machen würde.
Die anderen Forumaner können das natürlich gerne kommentieren / erweitern / verbessern etc.

Und du recherchierst mal wozu eine Doctype nötige ist und erklärst uns das hier in ein, zwei Sätzen, ok?

PHP-Code:


<!-- Was muß hier hin ? -->

<head>

<title>Horoskop Website</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

   <style type="text/css">

   <!--

      /* Der CSS Teil soll zwar ausgelagert werden, 

          ich schreibe mir zu Beginn das aber erst mal in mein Html

         File und lagere es dann später aus ...*/

   -->

   </style>



  </head>

<body>

 <div id="container">

   <h1>Horoskop vom 20. bis 26. Oktober</h1>

   <div class="monat">

     <h2>L&ouml;we 23.3. - 23.4.</h2>

     <h3 class="beruf">Beruf und Geld</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>

     <h3 class="liebe">Liebe</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>

     <h3 class="gesundheit">Gesundheit</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>   

     <h3 class="besterTag">Bester Tag der Woche</h3>

     <p>Dienstag</p>       

   </div>

   <div class="monat">

     <h2>Waage 24.9. - 23.10.</h2>

     <h3 class="beruf">Beruf und Geld</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>

     <h3 class="liebe">Liebe</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>

     <h3 class="gesundheit">Gesundheit</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>   

     <h3 class="besterTag">Bester Tag der Woche</h3>

     <p>Dienstag</p>       

   </div>   

   <div class="monat">

     <h2>Sch&uuml;tze 23.11. - 21.12.</h2>

     <h3 class="beruf">Beruf und Geld</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>

     <h3 class="liebe">Liebe</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>

     <h3 class="gesundheit">Gesundheit</h3>

     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di</p>   

     <h3 class="besterTag">Bester Tag der Woche</h3>

     <p>Dienstag</p>       

   </div>  

<!-- etc. pp. --> 

 </div>

CSS erarbeiten wir dann später ...
@Wahsaga: kann man auch als Liste machen....

**EviLCypress** · 09.12.2006, 12:27

aha aha.

allerdings brauche ich das nicht als Liste...

Es soll genau dem JPG entsprechen und mit den Vordifinierten Vorgaben bearbeitet sein.

Doctyp gibt doch an, mit welcher entsprechende Version (X)HTML Version das Dokument erstellt wurde oder nicht? Und legt somit fest, welche HTML-Elemente und Attris in dem Dokument vorkommen dürfen!? Ohne dies funzt kein HTML Dokument.

**mcmurphy** · 11.12.2006, 10:47

allerdings brauche ich das nicht als Liste...

Man kann aber ein Liste auch beliebig mit CSS formtieren. Es gibt in diesem Forum des öfteren Diskussionen, ab wann der Einsatz von <li> sinnvoll ist, das Horoskop würde ich als Grenzfall ansehen.

Die Doctype, bzw. welche man verwendet entscheidet mit darüber wie ein Browser dein Htnl Dokument darstellt.
In deinem allersten Posting hast du ja nur geschrieben "Kann mir das einer machen?" und das wird garantiert keiner tun, helfen gerne.

In deinem ersten Lösunsansatz fehlte die Doctype, ergo keine Chance das auf allen Browsern genau wie die Vorgabe aussehen zu lassen.

Ich benutze aus diversen Gründen zur Zeit folgende:

PHP-Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

So, hier jetzt mal den Kopf Bereich der Seite mit angefangener CSS Beschreibung:

PHP-Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<head>

<title>Horoskop Website</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />





   <style type="text/css">

   <!--

      * {margin:0px; padding:0px; position:relative; }

      body, html {height:100%;}

      #container { width:872px; height:426px;  margin:0px auto; }

      h1 { text-align:center; 

           padding-top:10px; padding-bottom:10px; 

           color:white; background-color:black;}

      h2 {text-decoration:underline; margin-bottom:14px; }

      h3 {color:white; background-color:black; display:inline;  }

      div {border:2px solid red;}

      div.monat {float:left; width:232px; }

      p {}

   -->

   </style>



  </head>

Du mußt jetzt eigentlich nur noch anhand der Vorgaben die CSS Definitionen ergänzen.

Hier zwei Links dazu:
http://de.selfhtml.org/css/
http://www.css4you.de/

Wenn du noch Fragen hast, bitte ganz konkret und nicht "das geht einfach nicht..", habe jetzt schon mehr gemacht als allgemein hier üblich (und kriege hoffentlich von den anderen kein Mecker

)

Wird geladen... Bitte warte.

CSS Problem

CSS Problem

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar