CSS Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • #16
    So.. Habe nun folgenden Code:

    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:0pxpadding:0pxposition:relative; }
        
    body {background-color:whiteborder-style:doublepadding-bottom:35.5%; padding-top:     

        -
    30px;}
          
          
    #container { width:872px; height:426px;  margin:0px auto; }
          
    h1 {color:whitefont-size:24ptfont-style:normalfont-family:ArialHelvetica,         

          
    sans-serif;background-color:#0080c0; }
          
    h2 {text-decoration:underlinemargin-bottom:14ptfont-size:16ptfont-weight:bold;      

          
    font-family:ArialHelveticasans-serif; }
          
    h3 {color:whitebackground-color:#0080c0; display:inline; font-size:10pt;                

          
    font-family:Veranda;  }
          
    h4 font-size:8ptfont-family:Veranda;  }                       
          
    div {border:double;}
          
    div.monat {float:leftwidth:284px; }
          
    {}
       -->
       
       </
    style>

      </
    head>
    <
    body>
     <
    div id="container">
       <
    h1><centerHoroskop vom 20. bis 26. Oktober</center></h1>
       <
    div class="monat">
         <
    h2>L&ouml;we 23.3. - 23.4.</h2>
         <
    h3 class="beruf">Beruf und Geld</h3>
         <
    h4>Bei Ihnen sitzt der Euro locker,<brübertreiben Sie Ihre Einkäufe nicht.</h4>
         <
    h3 class="liebe">Liebe</h3>
         <
    h4>Seit Tagen hindert Sie der Stolz an<breiner VersöhnungGeben Sie sich<brgleich
         heute einen Ruck
    damit<brVersöhnung einkehrt.</h4
         
    <h3 class="gesundheit">Gesundheit</h3>
         <
    h4>Der URlaub hat Ihnen gut getan,<brBemerkenswertwie fit Sie über die<brRunden     

       kommen
    .</h4>   
         <
    h3 class="besterTag">Bester Tag der Woche</h3>
         <
    h4>Dienstag</h4>       
       </
    div>
       <
    div class="monat">
         <
    h2>Waage 24.9. - 23.10.</h2>
         <
    h3 class="beruf">Beruf und Geld</h3>
         <
    h4>Riskieren Sie nichtswas Sie später<brbereuen.</h4>
         <
    h3 class="liebe">Liebe</h3>
         <
    h4>Schluss mit dem Single-Leben! Die<brChancen stehen gut.</h4>
         <
    h3 class="gesundheit">Gesundheit</h3>
         <
    h4>Sie müssen seelichen Belsatungen mit<brder wirklichen entspannendem Ausgleich<br

    rechtzeitig begenen.</h4>   
         <
    h3 class="besterTag">Bester Tag der Woche</h3>
         <
    h4>Samstag</h4>       
       </
    div>   
       <
    div class="monat">
         <
    h2>Sch&uuml;tze 23.11. - 21.12.</h2>
         <
    h3 class="beruf">Beruf und Geld</h3>
         <
    h4>Im Job können Sie sich gut behaupten.</h4>
         <
    h3 class="liebe">Liebe</h3>
         <
    h4>Sie sollten sich nicht in Ihre Schneckenhaus<brzurückziehenSprechen Sie am<br

    Donnerstag über Ihre Sorgendann wird's<br> auch wieder harmonisch.</h4>
         <h3 class="gesundheit">Gesundheit</h3>
         <h4>Sie kommen nicht darum herum, sich in<br> dieser Woche mehr um Ihre Kondition zu<br> 

    kümmern. Das ist die Grundlage für<br> Wohlbefinden.</h4>   
         <h3 class="besterTag">Bester Tag der Woche</h3>
         <h4>Dienstag</h4>       
       </div>  
    </body>

    </html> 

    Allerdings sieht das anders als auf der Vorlage aus.... Woran liegt das?`Normalerweise müssen die Zwischentitel auf einer Höhe sein.

    Kommentar


    • #17
      fehlendes <html>, bei <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> hast du die xhtml-schreibweise benutzt, ein <div> ist nicht richtig geschlossen. teste deinen html-code mit dem w3c-validator. wenn der valide ist, sehen wir weiter.

      gruß
      peter
      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
      Meine Seite

      Kommentar


      • #18
        @Kropff: Danke
        Zuletzt geändert von mcmurphy; 12.12.2006, 11:13.
        "I don't want to belong to any club that would accept me as a member."

        Groucho Marx

        Kommentar


        • #19
          2 Fragen:
          Warum hast du im <h1> Tag ein center eingeführt?
          Warum hast du die <p> durch <h4> ersetzt?
          "I don't want to belong to any club that would accept me as a member."

          Groucho Marx

          Kommentar


          • #20
            weil für <p> doch eine bestimmte Formatierung nötig ist.
            h4 { font-size:8pt; font-family:Veranda; }
            ist das nicht richtig?

            h1 muss in der Mitte stehen bzw. zentral. Kann man das auch ander lösen?

            So das Dokument ist nun valide
            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:0pxpadding:0pxposition:relative; }
                
            body {background-color:whiteborder-style:doublepadding-bottom:35.5%; padding-top:     

                -
            30px;}
                  
                  
            #container { width:872px; height:426px;  margin:0px auto; }
                  
            h1 {color:whitefont-size:24ptfont-style:normalfont-family:ArialHelvetica,         

                  
            sans-serif;background-color:#0080c0; }
                  
            h2 {text-decoration:underlinemargin-bottom:14ptfont-size:16ptfont-weight:bold;      

                  
            font-family:ArialHelveticasans-serif; }
                  
            h3 {color:whitebackground-color:#0080c0; display:inline; font-size:10pt;                

                  
            font-family:Veranda;  }
                  
            h4 font-size:8ptfont-family:Veranda;  }                       
                  
            div {border:double;}
                  
            div.monat {float:leftwidth:284px; }
                  
            {}
               -->
               
               </
            style>

              
            <
            body>
             <
            div id="container">
               <
            center><h1Horoskop vom 20. bis 26. Oktober</h1></center>
               <
            div class="monat">
                 <
            h2>L&ouml;we 23.3. - 23.4.</h2>
                 <
            h3 class="beruf">Beruf und Geld</h3>
                 <
            h4>Bei Ihnen sitzt der Euro locker,<brübertreiben Sie Ihre Einkäufe nicht.</h4>
                 <
            h3 class="liebe">Liebe</h3>
                 <
            h4>Seit Tagen hindert Sie der Stolz an<breiner VersöhnungGeben Sie sich<brgleich
                 heute einen Ruck
            damit<brVersöhnung einkehrt.</h4
                 
            <h3 class="gesundheit">Gesundheit</h3>
                 <
            h4>Der URlaub hat Ihnen gut getan,<brBemerkenswertwie fit Sie über die<brRunden     

               kommen
            .</h4>   
                 <
            h3 class="besterTag">Bester Tag der Woche</h3>
                 <
            h4>Dienstag</h4>       
               </
            div>
               <
            div class="monat">
                 <
            h2>Waage 24.9. - 23.10.</h2>
                 <
            h3 class="beruf">Beruf und Geld</h3>
                 <
            h4>Riskieren Sie nichtswas Sie später<brbereuen.</h4>
                 <
            h3 class="liebe">Liebe</h3>
                 <
            h4>Schluss mit dem Single-Leben! Die<brChancen stehen gut.</h4>
                 <
            h3 class="gesundheit">Gesundheit</h3>
                 <
            h4>Sie müssen seelichen Belsatungen mit<brder wirklichen entspannendem Ausgleich<br

            rechtzeitig begenen.</h4>   
                 <
            h3 class="besterTag">Bester Tag der Woche</h3>
                 <
            h4>Samstag</h4>       
               </
            div>   
               <
            div class="monat">
                 <
            h2>Sch&uuml;tze 23.11. - 21.12.</h2>
                 <
            h3 class="beruf">Beruf und Geld</h3>
                 <
            h4>Im Job können Sie sich gut behaupten.</h4>
                 <
            h3 class="liebe">Liebe</h3>
                 <
            h4>Sie sollten sich nicht in Ihre Schneckenhaus<brzurückziehenSprechen Sie am<br

            Donnerstag über Ihre Sorgendann wird's<br> auch wieder harmonisch.</h4>
                 <h3 class="gesundheit">Gesundheit</h3>
                 <h4>Sie kommen nicht darum herum, sich in<br> dieser Woche mehr um Ihre Kondition zu<br> 

            kümmern. Das ist die Grundlage für<br> Wohlbefinden.</h4>   
                 <h3 class="besterTag">Bester Tag der Woche</h3>
                 <h4>Dienstag</h4>       
               </div> 
            </div> 
            </body>

            </html> 
            Die Formatierung stimmt trozdem nicht. Hmm..
            Zuletzt geändert von EviLCypress; 12.12.2006, 18:00.

            Kommentar


            • #21
              weil für <p> doch eine bestimmte Formatierung nötig ist.
              Ja, dann gib ihm doch die Formatierung die er braucht;
              p == Paragraph, du hast da ja Text / einen Absatz drinstehen..

              h1 muss in der Mitte stehen bzw. zentral. Kann man das auch ander lösen?
              schau dir mein erstes Beispiel mit CSS Teil noch mal an
              "I don't want to belong to any club that would accept me as a member."

              Groucho Marx

              Kommentar


              • #22
                außerdem fehlt immer noch ein <html>

                gruß
                peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #23
                  ja ok ein html fehlt.

                  aber wieso stimmt das LAyout nicht? Was muss da gemacht werden?

                  Und macht das denn nun einen unterschied ob ich <p> oder h4 benutze?

                  Kommentar


                  • #24
                    OffTopic:
                    steht sicher alles in deinem lernstoff (wenn auch nicht so aktuell wie hier.)


                    aber wieso stimmt das LAyout nicht?
                    na, weil du andere formatierungen benutzt, wie das original ist doch klar.
                    Was muss da gemacht werden?
                    Die "richtigen" codes verwenden.

                    Und macht das denn nun einen unterschied ob ich <p> oder h4 benutze?
                    Ja.

                    *move* nach Projekthilfe.

                    Kommentar


                    • #25
                      welche formatierungen müsste ich denn nehmen?

                      Und was wären die richtigen codes???

                      und was genau ist der unterschied zwischen <h4> und <p>??

                      Kommentar


                      • #26
                        p ist für absätze, h_ für überschriften

                        Kommentar


                        • #27
                          ja ist mir bekannt.

                          allerdings aus dem Bespiel war nur <p> und der Text enthalten.
                          Aber genau dieser Text, soll bestimmt formatiert werden.

                          Deswegen wollte ich da am besten h4 benutzen.

                          Kommentar


                          • #28
                            Hallo nochmal,

                            der Code ist doch fast fertig. Da fehlen doch jetzt nur noch 1 oder 2 foramtierung Codes, damit das so aussieht wie auf dem Bild.

                            Woran liegt das denn jetzt noch?

                            Bitte um hilfe.

                            Kommentar


                            • #29
                              So..
                              Die HTML Datei:
                              PHP-Code:
                              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                                      "http://www.w3.org/TR/html4/loose.dtd"
                              >
                              <
                              html>
                              <
                              head>
                              <
                              title>Horoskop Website</title>
                              <
                              meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
                                <
                              link rel="stylesheet" href="Horoskop.css" type="text/css">
                              </
                              head>

                              <
                              body>
                               <
                              div id="container">
                                 <
                              center><h1Horoskop vom 20. bis 26. Oktober</h1></center>
                                 <
                              div class="monat">
                                   <
                              h2>L&Ouml;WE 23.3. - 23.4.</h2>
                                   <
                              h3 class="beruf">Beruf und Geld</h3>
                                   <
                              h4>Bei Ihnen sitzt der Euro locker,<brübertreiben Sie Ihre Einkäufe nicht.</h4>
                                   <
                              h3 class="liebe">Liebe</h3>
                                   <
                              h4>Seit Tagen hindert Sie der Stolz an<breiner VersöhnungGeben Sie sich<brgleich
                                       heute einen Ruck
                              damit<brVersöhnung einkehrt.</h4
                                   
                              <h3 class="gesundheit">Gesundheit</h3>
                                   <
                              h4>Der URlaub hat Ihnen gut getan,<brBemerkenswertwie fit Sie über die<brRunden              kommen.</h4>   
                                   <
                              h3 class="besterTag">Bester Tag der Woche</h3>
                                   <
                              h4>Dienstag</h4>       
                                 </
                              div>
                                 <
                              div class="monat">
                                   <
                              h2>WAAGE 24.9. - 23.10.</h2>
                                   <
                              h3 class="beruf">Beruf und Geld</h3>
                                   <
                              h4>Riskieren Sie nichtswas Sie später<brbereuen.</h4>
                                   <
                              h3 class="liebe">Liebe</h3>
                                   <
                              h4>Schluss mit dem Single-Leben! Die<brChancen stehen gut.</h4>
                                   <
                              h3 class="gesundheit">Gesundheit</h3>
                                   <
                              h4>Sie müssen seelichen Belsatungen mit<brwirklichen entspannendem Ausgleich<br>          rechtzeitig begenen.</h4>   
                                   <
                              h3 class="besterTag">Bester Tag der Woche</h3>
                                   <
                              h4>Samstag</h4>
                              <
                              br>
                                     
                                 </
                              div>   
                                 <
                              div class="monat">
                                   <
                              h2>SCH&Uuml;TZE 23.11. - 21.12.</h2>
                                   <
                              h3 class="beruf">Beruf und Geld</h3>
                                   <
                              h4>Im Job können Sie sich gut behaupten.</h4>
                                   <
                              h3 class="liebe">Liebe</h3>
                                   <
                              h4>Sie sollten sich nicht in Ihr Schneckenhaus zurückziehenSprechen Sie am<br>          Donnerstag über Ihre Sorgendann wird's auch wieder harmonisch.</h4>
                                   <h3 class="gesundheit">Gesundheit</h3>
                                   <h4>Sie kommen nicht darum herum, sich in<br> dieser Woche mehr um Ihre Kondition zu<br>          kümmern. Das ist die Grundlage für<br> Wohlbefinden.</h4>   
                                   <h3 class="besterTag">Bester Tag der Woche</h3>
                                   <h4>Dienstag</h4>       
                                 </div> 
                              </div> 
                              </body>
                              </html> 
                              Die CSS Datei
                              PHP-Code:
                                 <!--
                                    * {
                              margin:2px; }
                                  
                              body {background-color:white; }
                                    
                                    
                              #container { width:878px; height:307px;  margin:90px auto; }
                                    
                              h1 {color:whitefont-size:24ptfont-style:normalfont-family:ArialHelvetica,                     sans-serif;background-color:#0080c0; }
                                    
                              h2 {text-decoration:underlinemargin-bottom:14ptfont-size:16ptfont-weight:bold;                   font-family:ArialHelveticasans-serif; }
                                    
                              h3 {color:whitebackground-color:#0080c0; display:inline; font-size:10pt;                            font-family:Verdana;  }
                                    
                              h4 font-size:8ptfont-family:Verdana;  }                       
                                    
                              div {border:1px solid #000;}
                                    
                              div.monat {float:leftwidth:284pxmargin-left:3pxmargin-right:3pxbackground-color:#CCDAEA;}
                                   
                                 
                              --> 
                              Aber ganz stimmt es ja leider noch nicht...
                              Woran liegt das?

                              Kommentar


                              • #30
                                WAS stimmt nicht!

                                OffTopic:
                                Musstes du die Aufgabe nicht schon längst abgeben?


                                Woran liegt das?
                                Falscher Code.

                                Kommentar

                                Lädt...
                                X