Ingo Siemon: Erste CSS Versuche

Beitrag lesen

Lieber Woodfighter

OK, das leuchtet ein.
Bisher habe ich den dunklen Huntergrund in der Navi
und den hellen Hintergrund im Rest verwendet.
Dann werde ich die Klassen für den <body>-Tag nun also
"Navi" und "Inhalt" nennen.

das klingt ganz schrecklich nach Frames, Frames sind aber böse[TM]. Wenn du schon am neuerstellen bist, dann am besten gleich komplett.

Ja, das auf meiner bisherigen Seite sind natürlich auch Frames.
Aber ... FRames ... Ihhh Bääähhhh ... das habt Ihr mir schon beigebracht.
Also meine Entscheidung gegen Frames ist schon gefallen!
Und somit wird mir nun gerade auch klar, dass ich dann
ja auch keine Seiten mehr habe, die diesen dunklen Hintergund
haben werden. Also brauche ich ja auch nur noch einen <body>-Tag.
---- Geistesblitz mal wieder --- :-))
Mannomann, man steckt ja doch ganz schon tief drin in dieser
verFramten Denkweise.
Danke Dir also erstmal für die Erleuchtung.

ja es sollte h2{font-size:1.3em;} heißen.

OK, alles klar.

Du mußt den einstellen, den das Dokument wirklich hat. Der Unterschied zwischen ISO-8859-15 und -1 ist für dich am ehesten das € Zeichen.

Ich habe auf meiner ganzen Seite kein einziges €-Zeichen.
Ich schreibe immer EUR, das finde ich cooler ;-)
Und diese 4 Herren (äÄ, öÖ, üÜ und ß) sind ja mit iso-8859-1
auch kein Problem, gelle?

Wenn es in der verwendeten Schrift, auf dem PC des Besuchers, das Zeichen gibt, wird es angezeigt. Gibt es das Zeichen nicht wird es ersetzt durch Fragezeichen oder Kästchen, dabei ist es egal, ob du &auml; oder ä schreibst.

Wie ist denn da so Deine (und Eure) Einschätzung?
Haben die User in Umlautfrei-Hausen denn auch Schriften im Einsatz
die diese Umlaute enthalten?
Also bei mir steht ja "font-family : Arial, Verdana, Helvetica, sans-serif;"
Das bedeutet doch, dass der User-rechner guckt, ob die erste Schrift da ist,
und wenn nicht dann halt die nächste usw. ... oder?
Und die, die er dann eben findet, in der wird mein Text
im User Browser angezeigt.
Das sind doch alles auch Schriften, die Umlaute enthalten.
Sind diese Schriften, bzw. eine von denen nicht eh auf
im Grunde jedem PC weltweit vorhanden?
Wenn ja, hat sich die Umlautfrage doch eigentlich erledigt.
Oder habe ich da jezt wieder was falsch verstanden?
Bitte kläret mich da nochmal auf ... Danke im Vorraus.

Wenn dem so ist, komme ich ja anscheinend sogar langsam hinter diese Vererbungs-Geschichte :)

Du lernst erstaunlich schnell.

Das hört man gern ... Firma dankt.
Aber ich werde sicher noch an meine Grenzen stoßen.
Bin ja auch bald schon 40 ;-O

Da halte ich folgendes für sinnvoller:

body{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color: #235f70;
  font-size:1em; /* Für den IE solltest du die Schriftgröße per CSS-Hack auf 101% festlegen*/
}

.navi{
  background-color : #004559;
}

  
Hatte sich ja nun schon erledigt, weil ich ja nun doch nur  
ein <body>-Element brauche (siehe oben).  
Sagt mal, heiist es eigentlich <body>-Tag oder <body>-Element?  
  
  
  

> Hier solltest du einiges zusammenfassen:  
>   
> ~~~css
  

> h1, h2, p{  
>   background-color: #004559;  
>   padding: 5px;  
>   border: 1px solid #ffffff;  
>   margin-top: 10px;  
>   width: 508px;  /*siehe unten*/  
> }  
> h1,h2{  
>   font-weight: bold;  
>   color: #fff000;  
> }  
> h1{  
>   font-size:1.5em;  
> }  
> h2{  
>   font-size:1.3em;  
> }  
> 

Ahh, ich verstehe ... raffiniert raffiniert.
Wenn das so weitergeht mit dem Code-Zusammengeschmelze,
besteht mein ganzer Online-Shop bald nur noch aus:

<anfang>
SPACEart
<ende>

:-))

Sach ma, fehlt da denn nicht noch dieses:
p{
  font-size:1em;
  color: #ffffff;
}

Wenn Du Dir mal meine bisherige Seite anschaust ( http://www.SPACaet.de )
und da dann einfach mal auf eines der Modelle klickst,
siehst Du ja dieses Layout in dieser Breite.

Du benutzt nur etwa 50 Prozent des dir zur Verfügung stehenden Platzes in meinem Browser-Fenster. Das ist für mich unschön, wozu habe ich mir das große Teil denn angeschafft?

Ja, deswegen suche ich ja eine gute Design-Lösung
mit nicht fester Breite.

Ja, Bilder sind in einem fließenden Design immer etwas problematisch unterzubringen.

Yep, aber die Bilder sind mir heilig!
Die müssen genau in diesem Format (508 x 300) irgendwie rein ins Design.

Das Erstellen von Designs ist sicherlich meine größte Schwäche in diesem Bereich, aber da kann dir sicher einer, der hier herumlaufenden, Kreativen helfen.

Ja, hat denn jemand mal ein paar gute Links, wo ich Beispiele sehen kann,
um mich zu inspirieren?

Gruß
Ingo

0 98

Erste CSS Versuche

Ingo Siemon
  • css
  1. 2
    Ashura
    • xml-derivat
    1. 0
      Ingo Siemon
      1. 0
        Der Martin
        1. 0
          Ingo Siemon
          1. 0
            Længlich
            1. 0
              Ingo Siemon
              1. 0
                Længlich
                1. 0
                  Ingo Siemon
                  1. 0
                    Struppi
                    1. 0
                      Ingo Siemon
                  2. 0
                    Længlich
                    1. 0
                      Ingo Turski
                      1. 0
                        Længlich
                    2. 0
                      Ingo Siemon
          2. 0
            Cheatah
            1. 0
              Ingo Siemon
              1. 0
                Cheatah
                1. 0
                  Ingo Siemon
        2. 0
          Ingo Siemon
    2. 0
      Ingo Siemon
      1. 0
        Ashura
        1. 0
          Ingo Siemon
  2. 2
    Eternius
    1. 0
      Ingo Siemon
  3. 2
    Gunnar Bittersmann
    1. 0
      Ingo Siemon
      1. 0
        Struppi
        1. 0
          Ingo Siemon
          1. 0
            Struppi
          2. 0
            Der Martin
            1. 0
              Ingo Siemon
              1. 0
                Der Martin
                1. 0
                  Ingo Siemon
                  1. 0
                    Struppi
                    1. 0
                      Ingo Siemon
                  2. 0
                    Auge
                    1. 0
                      Ingo Siemon
                      1. 0
                        Jens Holzkämper
                        1. 0
                          Ingo Siemon
                          1. 0
                            Jens Holzkämper
                            1. 0
                              Ingo Siemon
  4. 0
    Cheatah
    1. 0
      MudGuard
      1. 0
        Cheatah
    2. 0
      Ingo Siemon
      1. 0
        Cheatah
        1. 0
          Ingo Siemon
          1. 0
            Jens Holzkämper
            1. 0
              Ingo Siemon
              1. 0
                Gunnar Bittersmann
                1. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
              2. 0
                Jens Holzkämper
                1. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Ingo Siemon
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Ingo Siemon
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              Ingo Siemon
                              1. 0
                                Der Martin
                                1. 0
                                  Ingo Siemon
                              2. 0
                                Jens Holzkämper
                                1. 0
                                  Ingo Siemon
                          2. 0
                            Jens Holzkämper
                            1. 0
                              Ingo Siemon
                  2. 0
                    Jens Holzkämper
                    1. 0
                      Ingo Siemon
                      1. 0
                        Der Martin
                        1. 0
                          Ingo Siemon
                          1. 0
                            Der Martin
                            1. 0
                              Ingo Siemon
                              1. 0
                                Detlef G.
                                1. 0
                                  Ingo Siemon
                2. 0
                  Ingo Siemon
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Jens Holzkämper
                      1. 0
                        Ingo Siemon
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Ingo Siemon
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Ingo Siemon
                                1. 0
                                  Jens Holzkämper
                                  1. 0
                                    Ingo Siemon
                    2. 0
                      Ingo Siemon
              3. 0
                Jens Holzkämper
                1. 0
                  Ashura
                  1. 0
                    Jens Holzkämper
                    1. 0
                      Ashura
                    2. 0
                      Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
                3. 0
                  Gunnar Bittersmann
                4. 0
                  Ingo Siemon
          2. 0
            Gunnar Bittersmann
            1. 0
              Ingo Siemon
              1. 0
                Gunnar Bittersmann