Girlfrommars13: Unterschiedliche Darstellung Offline vs div. Browser

Beitrag lesen

Es gibt etliche Bilder-Upload-Dienste, unter den Stichworten "bilder" und "upload" findest du ganz schnell einen.

Felix hat mich schon drauf hingewiesen, aber danke. ;)

Felix hat bereits (s)ein Beispiel gezeigt, bei mir sieht es gleich aus. Ich vermute, die Menüleiste, die du vermisst, soll unten stehen, wo die vier Pfeile ihren gemeinsamen Ursprung haben.

Genau, ich habe jetzt die Programmierung nochmal überarbeitet und erstmal sortiert, die Style-Informationen ins CSS gepackt. Es ist nun - für's erste - etwas übersichtlicher (wenn man mal von der "Div-Wüste" und nun auch "Img-Wüste" absieht) und wird auch in Safari zumindest so angezeigt (mit der großen Menüleiste unten), wie es aussehen soll.

  • Du eine div-Wüste fabriziert. Dein Code hat HTML-seitig kaum Struktur, weil du ausser div, a und img fast nichts verwendet hast, was HTML anbietet. Und das, was du verwendest, ist dann auch noch aus der Steinzeit und falsch angewendet (die Funktion von tt wird heutzutage mit CSS/font-family umgesetzt und Blockelemente haben in dem Inline-Element tt schon grundsätzlich nichts zu suchen).

Ok, gut, das weiss ich nun. Wie gesagt, ist auch schon ein paar Jahre her, dass ich mich damit beschäftigt und die Website erstellt habe, nun gilt es, sie zu überarbeiten. Man ist dazu verleitet, wenn man sich nicht auskennt und sowas wie div kennenlernt - das ja funktioniert - es dann überall zu verwenden, ohne sich noch drum zu kümmern, was es sonst so gibt. Bzw hab ich da mit Sicherheit damals auch einige andere Dinge ausprobiert, aber kostet einfach Zeit und Nerven, wenn man sich damit nicht auskennt und es versucht, es aber nicht klappt. Dann nimmt man doch das, womit man schon klarkommt - in meinem Fall div. Aber ich möchte ja dazulernen und deshalb...

<ol id="menue">

<li><a href="http://www.riekmund.com/collectionsandshop.html">new collection</a></li>
<li>dog coat - comes soon</li>
<li class="gewaehlt">project weddings dress</li>
</ol>

  
habe ich das jetzt mal für die Seite <http://www.riekmund.com/projectweddingsdress.html> probiert für dieses kleine Menü.  
Das Problem ist jetzt hierbei, sobald sich die/das Browserfenstergröße/-format verändert, verschiebt sich auch dieses Menü wieder.  
Ich fürchte, das mit margin und padding hab ich noch nicht so ganz verstanden. Ich habe versucht, das Element am unteren und rechten Browserfensterrand auszurichten (margin-bottom, margin-right). Das funktionierte nicht, das Element hat sich gleich mittig an den oberen Rand verbarrikadiert, egal welche Werte ich eingegeben habe.  
  
Bzgl dem <br>, was würde man denn innerhalb eines Textes für einen Zeilenumbruch verwenden?  
  
Ich möchte halt erreichen, dass alle Elemente sich an die Größe des Fensters anpassen. Ähnlich wie hier: <http://www.carlosfernandez.de/index.php?page=contact> (wenn auch das bestimmt mit irgendeinem Baukastensystem hergestellt wurde und keine "freie Programmierung" war?!)  
  

> - Die Elementbezeichner sagen nichts über ihr Element aus. Könntest du auf Anhieb, ohne Nachzuschauen, sagen, welche Funktion c2 hat? Vermutlich nicht – und du hast das geschrieben. Wie soll's anderen erst gehen? Etwas à la "menue" wäre doch gleich viel feiner.  
  
Du hast recht, ist nachvollziehbar, gut, dass ich das jetzt weiss.  
  

> Verwende immer Bezeichner, die ihrem Namen auch gerecht werden. Falls dir für irgendwas kein Bezeichner einfällt, ist in aller Regel auch der Bezeichner überflüssig. CSS lässt sich nicht nur über id und class mit HTML verknüpfen, ganz im Gegenteil, das Meiste lässt sich mittels <http://wiki.selfhtml.org/wiki/CSS/Selektoren> ansprechen.  
  
Das muss ich erst noch auschecken..  
  
Vielen Dank schonmal für deine Hilfe!
0 72

Unterschiedliche Darstellung Offline vs div. Browser

Girlfrommars13
  • browser
  1. 0
    Mattes
    1. 0
      Girlfrommars13
      1. 0
        Felix Riesterer
      2. 3
        Mattes
        1. 0
          Gunnar Bittersmann
        2. 0
          Girlfrommars13
          1. 0
            Felix Riesterer
            1. 0
              Gunnar Bittersmann
            2. 0
              Girlfrommars13
          2. 0
            Mattes
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
                1. 0
                  Gunnar Bittersmann
            2. 0
              Girlfrommars13
              1. 0
                Felix Riesterer
              2. 0
                Mattes
                1. 0
                  Girlfrommars13
                  1. 0
                    Matthias Apsel
                    1. 0
                      Girlfrommars13
                      1. 0
                        Matthias Apsel
                        1. 0
                          Girlfrommars13
                          1. 0
                            Der Martin
                  2. 0
                    Felix Riesterer
                    1. 0
                      Girlfrommars13
                      1. 0
                        Girlfrommars13
                        1. 0
                          Gunnar Bittersmann
                      2. 0
                        Mattes
                        1. 0
                          Girlfrommars13
                          1. 0
                            Mattes
                            1. 0
                              Der Martin
                            2. 0
                              Girlfrommars13
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Girlfrommars13
                                2. 0
                                  Girlfrommars13
                                  1. 0
                                    Felix Riesterer
                                    1. 0
                                      Girlfrommars13
                                      1. 0
                                        Gunnar Bittersmann
                              2. 0
                                Felix Riesterer
                                1. 0
                                  Girlfrommars13
                                  1. 0
                                    Girlfrommars13
                                    1. 0
                                      Girlfrommars13
                                      1. 0
                                        Felix Riesterer
                                        1. 0
                                          Girlfrommars13
                                          1. 0
                                            Gunnar Bittersmann
                                            1. 0
                                              Girlfrommars13
                                          2. 0
                                            Felix Riesterer
                                            1. 0
                                              Girlfrommars13
                                    2. 0
                                      Gunnar Bittersmann
                                  2. 0
                                    Gunnar Bittersmann
    2. 0
      Felix Riesterer
      1. 0
        Girlfrommars13
        1. 0
          Felix Riesterer
          1. 0
            Girlfrommars13
      2. 0
        Girlfrommars13
      3. 0
        Mattes
    3. 0
      Gunnar Bittersmann
      1. 0
        Girlfrommars13
        1. 0

          Hover-Effekt bei Hyperlinks

          Felix Riesterer
          • css
          1. 0
            Girlfrommars13
            1. 0
              Felix Riesterer
              1. 0
                Girlfrommars13
                1. 0
                  stareagle
                  1. 0
                    Girlfrommars13
  2. 2
    Felix Riesterer
  3. 0
    Gunnar Bittersmann
    1. 0
      Der Martin
      • menschelei
      1. 0
        Gunnar Bittersmann
        1. 0
          Tabellenkalk
          1. 0
            Gunnar Bittersmann
    2. 0
      Girlfrommars13
      1. 0
        Gunnar Bittersmann