Felix Riesterer: Unterschiedliche Darstellung Offline vs div. Browser

Beitrag lesen

Lieber Mattes,

Folgende Seite http://www.riekmund.com/projectweddingdress.html sieht bei mir offline so aus (so soll es auch sein):

dazu sollte man vielleicht sagen, dass die Resource "http://www.riekmund.com/www.riekmund.com.gif" nicht geladen werden kann.

Ich finde Boards mit Registrierungszwang ja so geil :>

Tja, wer nicht so weit denken kann, dass ein Board mit Registrierungszwang eine große Hürde für Hilfewillige darstellt, darf keine Hilfe erwarten.

Ohje, mit dem Durcheinander wirst du hier gleich mächtig was auf die Nase kriegen …

Nö, das wird brav ignoriert, sodass hier genauso wenig Antworten kommen werden, wie im Board.

Die Darstellungsangaben (border, width) solltest du tunlichst separat in die Abteilung CSS verfrachten, Gleiches gilt für den Javascript-Teil (onmouse, Zuweisung in DOMContentLoaded).

Ach, und Du meinst, dass die OP das versteht...? Bei den Vorüberlegungen, die sie bisher direkt und indirekt gezeigt hat?

Was der Sinn hinter Deinem Link sein soll, erschließt sich mir nicht. Das kommt doch sicher nicht von ihr, sondern von so einem WYSIWYG-Proggi. Und wer diese ganzen Bibliotheken wie prototype.js, scriptaculous.js und lightbox.js einbindet, weiß der immer so genau, was er tut, wenn er dann auch noch diese Eventhandler in den Tags notiert?

Schau doch mal "mit Vernunft" (tm) in den Quellcode (Stichwort "spacer gif") und sage mir, dass das in Handarbeit und Verständnis von irgendeinem HTML-Dialekt entstanden ist:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    <html>  
  
    <head></head>  
    <body>  
        <div class="c5">  
            <div id="font-face">  
                <img class="c1" width="55%" height="80%" alt="" src="astbild.gif"></img>  
                <br></br>  
                <img class="c3" width="36%" height="41%" alt="" src="viereckfuertable.gif"></img>  
                <img class="c6" width="50%" height="17%" alt="" src="viereckfuertable.gif"></img>  
                <img class="c5" width="15%" alt="" src="voegel_beige.png"></img>  
                <a class="class2" href="http://www.riekmund.com/index.html"></a>  
                <tt>  
                    <div style="position:fixed;bottom:0%;right:0%;margin-right:57%; margin-bottom:14%; z-index:1;text-align:right;"></div>  
                    <div class="c10"></div>  
                    <div id="divid" class="examplediv"></div>  
                </tt>  
                <div id="dividzwei">  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2311.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2337.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2366.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2479.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2484.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2495.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2495a.jpg"></a>  
                    <a rel="lightbox[group]" href="projectweddingdress/_MG_2496.jpg"></a>  
                    <img width="9" alt="" style="position:absolute;margin-left:115%;margin-top:26%;" src="blind.gif"></img>  
                </div>  
                <div class="c4">  
                    <a class="class1" href="http://www.riekmund.com/about.html"></a>  
                    <img width="1%" border="0" alt="" src="blind.gif"></img>  
                    <img width="20%" border="0" alt="collections and shop" onmouseout="this.src='collections_shop.png'; opacity:0.3" onmouseover="this.src='collections_shop.png';" src="collections_shop.png"></img>  
  
            <img width="1%" border="0" alt="" src="blind.gif"></img>  
            <a class="class1" href="http://www.riekmund.com/CV.html"></a>  
            <img width="1%" border="0" alt="" src="blind.gif"></img>  
            <a class="class1" href="http://www.riekmund.com/artandpoetry.html"></a>  
            <img width="1%" border="0" alt="" src="blind.gif"></img>  
            <a class="class1" href="http://www.riekmund.com/imprint.html"></a>  
        </div>  
    </div>  
  
</div>  
<div id="overlay" style="display: none;"></div>  
  
<div id="lightbox" style="display: none;"></div>  
</body>  
</html>

Eine Semantik sucht man da übrigens ebenso vergeblich...

In deinem HTML/CSS/Javascript-Mischmasch verzettelst du dich früher oder später.

Das kommt von WYSIWYG-Editoren. Da ist kein Verzetteln, da ist ein Vereditieren und Verklicken schuld! Wir sollen richten, was die nicht eingehaltenen Versprechungen irgendeines tollen Webseitenbaukastenprogramms verursacht haben.

<sarcasm intensity="light">Bestimmt ist daran nur das ausgewählte Template schuld. Da bin ich mir ganz sicher.</sarcasm>

Liebe Grüße,

Felix Riesterer.

--
"Wäre die EU ein Staat, der die Aufnahme in die EU beantragen würde, müsste der Antrag zurückgewiesen werden - aus Mangel an demokratischer Substanz." (Martin Schulz, Präsident des EU-Parlamentes)
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