Ashura: Designtips?

Beitrag lesen

Hallo Sebastian.

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.  
  
  

> 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.  
  

> 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.  
  

> 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?  
  
  
Gruß, Ashura  

-- 
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|  
[30 Days to becoming an Opera8 Lover](http://tntluoma.com/opera/lover/8/) -- [Day 16: Sessions](http://operalover.tntluoma.com/8/day_16_sessions)  
Meine Browser: Opera 8.0 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0  
[\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)
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.