Sebastian: Designtips?

Beitrag lesen

Hallo Ashura,

Da muß ich mal nachfragen:

<html>

<head>
<title>Titel der Datei</title>
<style type="text/css">
[code lang=css]h1 { font-family:Arial,sans-serif; font-size:2em; font-weight:normal; }
h1.hinterlegt { background-color:#FFFF00 }
*.hinterlegt { background-color:#00FFFF }
.extra { background-color:#FF99FF }
.extra.hinterlegt { background-color:#FF0000 }


> > </style>  
> > </head>  
> > <body>  
> > <h1>H1 ganz normal nur etwas formatiert</h1>  
> > <h1 class="hinterlegt">H1 knallgelb hinterlegt</h1>  
> > <h2>H2 ganz normal, <span class="hinterlegt"> aber <b class="extra">auch</b> hinterlegt</span></h2>  
> > <h3 class="extra hinterlegt">H3, extra hinterlegt</h3>  
> > </body>  
> > </html>[/code]  
> >   
> > `h1`{:.language-css} wird ganz normal definiert.  
>   
> Nennt man einen Tag-Selektor, ja.  
>   
> > `h1.hinterlegt`{:.language-css} gilt nur innerhalb eines h1-tags?  
>   
> Nein, diese Formatierungen betreffen alle <h1>-Elemente, die der Klasse "hinterlegt" angehören, also alle <h1 class="hinterlegt">.  
>   
> > \*.hinterlegt kann einfach so seine Eigenschaften weitergeben? Aber was ist der Unterschied zu:  
>   
> \*.hinterlegt gilt für das Element, was du mit dieser Klasse ausgezeichnet hast.  
>   
> > .extra also ohne \* kann nur innerhalb eines tags vergeben werden aber es ist egal worin?  
>   
> Auf das \* kannst du verzichten, da ersichtlich ist, dass .foo auf alle Elemente mit class="foo" zutrifft.  
  
OK.  
  

> > Könnte ich auf den Footer anwenden. klingt aber umständlich wenn man das nur für einen Tag definieren kann.  
>   
> Das verstehe ich nicht, du kannst alle Eigenschaften mit mehr oder weniger Erfolg auf jedes beliebige Element anwenden,  
>   
> > Dann muß man entweder ein <p> oder ein Extradiv oder so definieren.  
> > Aber ich kanns benutzen.  
>   
> Soweit ich das sehe, hast du bereits ein div dafür gesetzt.  
>   
> > Ich will ja keine Frames sondern ich will zB bei meinen Referenzbildern per Link ein größeres Bild in einem anderen Fenster öffnen.  
>   
> Dann überlasse doch dem Nutzer die Entscheidung, ob \_er\_ das auch will.  
  
Die hat er ohnehin. Aber große Bilder haben nunmal an sich daß sie besser in einem neuen Fenster aussehen anstatt daß ich gezwungen wäre da auch noch irgendwas drumrum zu bauen wie Menü usw.  
  

> > Weil die bilder auf der Webseite sind zu klein um viel zu erkennen.  
>   
> Das haben Thumbnails so an sich. ;)  
>   
> > Also ich finde es eher schlecht für den Nutzer wenn er da ständig den Back-Button benutzen muß oder per Rechte-maus den Browser tiefer kennen muß.  
>   
> Link öffnen bei mir: Mittelklick auf Link -> Tab öffnet sich im Hintergrund.  
> Zurück: Rechte Maustaste und dann schnell linke Maustaste drücken.  
> Vorwärts: Umgedreht.  
> Schließen: Rechte Maustaste gedrückt und Maus nach unten und nach rechts.  
>   
> Du siehst: Es gibt viele Arten, seinen Browser zu bedienen, auf die du keinen Einfluss hast.  
  
Ja. Du bist ja auch "professioneller Browserbediener". Aber das muß für jemand der auf meine Seite kommt nicht unbedingt zutreffen.  
  

> > Hab ich auch in der css-datei definiert. Aber die Abstände sind manchmal unterschiedlich. Aber stimmt, da könnte ich auch noch Traffic sparen.  
>   
> Womit? Mit der externen CSS-Datei?  
  
Ja. Anstatt für jede Grafik einzeln die Daten mitzugeben. Die CSS-Datei wird ja nur noch lokal auf dem Rechner abgefragt.  
  
Grüße,  
Sebastian
1 139

Designtips?

Sebastian
  • css
  1. 1
    Sebastian Salzgeber
    1. 0
      Sebastian
      1. 0
        Sebastian Salzgeber
        1. 0
          Sebastian
          1. 0
            Sebastian
            1. 0
              Dennis
    2. 0
      Andreas Lindig
  2. 0
    Jeena Paradies
    1. 0
      Sebastian
      1. 0
        Sebastian
        1. 0
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
                1. 0
                  Ashura
                  1. 0
                    Sebastian
                    1. 0
                      Ashura
                      1. 0
                        Sebastian
    2. 0
      Jeena Paradies
      1. 0
        Sebastian
        1. 2
          Jeena Paradies
          1. 0
            Sebastian
            1. 1
              Jeena Paradies
              1. 0
                Sebastian
                1. 0
                  wahsaga
                  1. 0
                    Sebastian
                    1. 0
                      wahsaga
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. -1
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Jeena Paradies
                                        1. 0
                                          Sebastian
                                        2. 0
                                          at
                    2. 0
                      Schuer
                      1. 0
                        Sebastian
                        1. 0
                          Schuer
                          1. 0
                            Sebastian
                            1. 0
                              at
                2. 1
                  Jeena Paradies
                  1. 0
                    Sebastian
                    1. 0
                      at
                      1. 0
                        Sebastian
                        1. 0
                          at
                          1. 0
                            Sebastian
                            1. 0
                              at
                              1. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
                                      1. 0
                                        Sebastian
                                        1. 0
                                          Ingo Turski
                                          1. 0
                                            Jeena Paradies
                                            1. 0
                                              Ingo Turski
                                              1. 0
                                                Jeena Paradies
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Jeena Paradies
                                                    1. 0
                                                      Ingo Turski
                                            2. 0
                                              at
                                            3. 0
                                              Sebastian
                                          2. 0
                                            Sebastian
                                            1. 0
                                              Sebastian
                                              1. 0
                                                Ingo Turski
                                                1. 0
                                                  Sebastian
                                                  1. 0
                                                    Ingo Turski
                                                    1. 0
                                                      Sebastian
                                            2. 0
                                              Ingo Turski
                                              1. 0
                                                Sebastian
                                                1. 0
                                                  Ingo Turski
                                                  1. 0
                                                    Sebastian
                                                    1. 0
                                                      Ingo Turski
                                                      1. 0
                                                        Sebastian
                                                        1. 0
                                                          Detlef G.
                                                          1. 0
                                                            Sebastian
                                                            1. 0
                                                              Detlef G.
                                                              1. 0
                                                                Ingo Turski
                                                                1. 0
                                                                  Detlef G.
                                                              2. 0
                                                                Sebastian
                                                    2. 0
                                                      at
                                                    3. 0
                                                      Detlef G.
                              2. 0
                                Sebastian
                                1. 0
                                  at
                                  1. 0
                                    Sebastian
                                    1. 0
                                      at
          2. 0
            Dennis
            1. 1
              Jeena Paradies
              1. 0
                at
                1. 0
                  Jeena Paradies
                  1. 0
                    at
              2. 0
                Dennis
                1. 2
                  Jeena Paradies
                  1. 0
                    Dennis
                2. 0
                  at
  3. 0
    Sebastian
    1. 1
      Ashura
      1. 0
        Sebastian
        1. 1
          Ashura
          1. 0
            Sebastian
            1. 0
              Ashura
              1. 0
                Sebastian
    2. 1
      at
      1. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
            1. 0
              at
              1. 0
                Sebastian
                1. 0
                  at
                  1. 0
                    Sebastian
                    1. 0
                      Jeena Paradies
                      1. 0
                        Sebastian
                        1. 0
                          Jeena Paradies
                          1. 0
                            Sebastian
      2. 0
        Sebastian
        1. 0
          at
          1. 0
            Sebastian
  4. 0
    Sebastian
    1. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
  5. 0
    Sebastian
    1. 0
      at
      1. 0
        Sebastian
        1. 0
          Sebastian
          1. 0
            at
            1. 0
              Sebastian
              1. 0
                at
                1. 0
                  Sebastian
                  1. 0
                    at
    2. 0
      Detlef G.
      1. 0
        Sebastian
        1. 0
          Detlef G.
          1. 0
            Sebastian
            1. 0
              at
            2. 0
              Detlef G.