Webdesign in Siegen

Validator kann Website nicht validieren + kleinere Fargen

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Taschmahal am 11.09.2008, 16:53

hi.
Also ich denke mal, dass ich etwas falsch gemacht habe... denn es funktioniert nicht reibungslos.
Ich habe keine snow.html, sondern eine snow.php

Code: Alles auswählen
<?php
/*
Template Name: Snow
*/
?>

<?php get_header(); ?>

<div style="border:1px #000000 solid; width:720px; height:720px; position:absolute; left:50%; top:50%; margin-left:-360px; margin-top:-360px;">

<div style="border:5px #000000 solid; width:550px; height:550px; overflow:auto; position:absolute; left:50%; top:50%; margin-left:-275px; margin-top:-275px;">

<div id="page">

<script language="JavaScript1.5" src="http://k10243-01.s02.xyon-hosting.de/taschmahal/taschmahal/wp-content/themes/whytraed/galerie.js" type="text/javascript"></script>

<div style="height:550px; vertical-align:middle;" align="center" id="grosscontainer">


            <img id="gross" style="border:0px;" src="http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/6f600_13469_3.jpg" alt="" title=""></img>

                </div>

        </div>

        </div>

                <script language="JavaScript1.5" type="text/javascript">
                <!-- // fuer Browser ohne JavaScript auskommentieren


                        var bild_beschriftung = "Bild %index_gross% / %anzahl_bilder%: %beschreibung%";

                        var pfad_zu_navbildern = "./nav";

                                              // addPhoto(bild, alt, beschreibung, breite, hoehe):
                        addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/6f600_13469_3.jpg", "Christoph Drop Firm", "Christoph Drop Firm",530,530);
                        addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/e1557_13470_3.jpg", "Christoph bs7 Saas Fee", "Christoph bs7 Saas Fee",530,530);
                        addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/61b8c_13471_3.jpg", "Christoph Drop Lenggries", "Christoph Drop Lenggries",351,530);
                  addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/3e332_13472_3.jpg", "Christoph fsns Saas Fee", "Christoph fsns Saas Fee",530,350);
                  addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/629ad_13473_3.jpg", "Christoph fs Tail Saas Fee", "Christoph bs Tail Saas Fee",530,530);
                  addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/ea679_13474_3.jpg", "Unknown", "Unknown",530,347);


                        // intern genutzte Variablen (keine Anpassung noetig)
                        var index_erstes_bild = 0; // erstes Bild in der Liste (zur Initialisierung)
                        var index_grosses_bild = 0; // Bildindex fuer anzuzeigendes grosses Bild
                        var anzahl_bilder = Photos.length; // Anzahl der Bilder insgesamt
                        zentriere_bild_vertikal();

                // -->
                </script>

        <script type="text/javascript">

/* <![CDATA[ */

      function walkTree(el)  // el: ein Element, document.getElement(s)By...
      {
        if(!el) return;

        var ch = el.childNodes;
        for(var i=0; i<ch.length; i++)
        {
          if(ch[i].nodeType == 3)        // 3: Textknoten
          {
            var inner = ch[i].nodeValue.replace(/(&[a-z]+;|&#\d{2,4};|[^a-z\xE4\xF6\xFC\xDF\s]+)/gi,"<span class=\"rot\">$1</span>");

            var newspan = document.createElement("span");
            newspan.innerHTML = inner;

            ch[i].parentNode.replaceChild(newspan, ch[i]);
          }
          else walkTree(ch[i]);  // Rekursion
        }
      }

  function myReplace()
  {
    var Cur = 0;
    var divs = document.getElementsByTagName("div");

    while(divs[Cur])
    {
      if(divs[Cur].className.match(/\bentry\b/))
        walkTree(divs[Cur]);   // bearbeitet alle Textnodes innerhalb, auch verschachtelte
      Cur++;
    }
  }

myReplace();

/* ]]> */
</script>

<?php $site = 'Snow'; get_footer(); ?>


Das ist die Snow.php

Die Bilder werden immer noch verschoben. Erst sind sie an der richtigen Stelle, und wenn ich afu weiter klicke, werden sie nochmal verschoben
Taschmahal
Mitglied
 
Beiträge: 26
Registriert: 24.06.2008, 19:55

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Ingo am 11.09.2008, 20:22

Das Galerie-Skript scheint ok, im PHP-Teil fehlt noch der Aufruf von grosses_bild_auffrischen():

Code: Alles auswählen
<script language="JavaScript1.5" type="text/javascript">
<!-- // fuer Browser ohne JavaScript auskommentieren

var bild_beschriftung = "Bild %index_gross% / %anzahl_bilder%: %beschreibung%";

var pfad_zu_navbildern = "./nav";

// addPhoto(bild, alt, beschreibung, breite, hoehe):
addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/6f600_13469_3.jpg", "Christoph Drop Firm", "Christoph Drop Firm",530,530);
addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/e1557_13470_3.jpg", "Christoph bs7 Saas Fee", "Christoph bs7 Saas Fee",530,530);
addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/61b8c_13471_3.jpg", "Christoph Drop Lenggries", "Christoph Drop Lenggries",351,530);
addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/3e332_13472_3.jpg", "Christoph fsns Saas Fee", "Christoph fsns Saas Fee",530,350);
addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/629ad_13473_3.jpg", "Christoph fs Tail Saas Fee", "Christoph bs Tail Saas Fee",530,530);
addPhoto ("http://www.looki.de//gfx/user/4/a/8/89614_628944/photo/ea679_13474_3.jpg", "Unknown", "Unknown",530,347);


// intern genutzte Variablen (keine Anpassung noetig)
var index_erstes_bild = 0; // erstes Bild in der Liste (zur Initialisierung)
var index_grosses_bild = 0; // Bildindex fuer anzuzeigendes grosses Bild
var anzahl_bilder = Photos.length; // Anzahl der Bilder insgesamt

grosses_bild_auffrischen();   // <======== HIER ===========
zentriere_bild_vertikal();

// -->
</script>

In meinem FF2, FF3, Opera und IE6 läuft das soweit, jedenfalls die snow-Seite, da sind ja die Breiten- und
Höhenangabe bei den addPhoto()-Aufrufen schon eingegeben. Die anderen Galerie-PHPs müssten genauso
geändert werden: bei allen addPhoto()-Aufrufen Breite+Höhe eingeben, grosses_bild_auffrischen() einfügen.

Gruß, Ingo :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 696
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Taschmahal am 11.09.2008, 21:40

Hi.
Danke! Aber irgendwie geht es immer noch nicht. Vllt liegt es auch an meinem Browser (FF3) aber das würde wenig Sinn machen.

Also die Bilder sind nach wie vor sofort an der richtigen Stelle, nur wenn man auf weiter klickt, verschiebt sich das bild ganz kurz, bis das nächste erscheint.
Taschmahal
Mitglied
 
Beiträge: 26
Registriert: 24.06.2008, 19:55

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Ingo am 11.09.2008, 21:52

Ach so, das meintest du; das "alte" Bild rückt schon mal auf die Position des neuen, während das
gerade noch geladen wird. Das sieht bei mir in allen Browsern auch so aus. Hm, das ist aber per
Skript (außer mit AJAX, wo man den Ladezustand abfragen kann) kaum zu verhindern, jedenfalls
sehe ich da zur Zeit (bin etwas im Stress) nichts interessantes.
Deswegen meinte ich ja, ob man nicht stattdessen das HTML/CSS ändern könnte, dann zentrieren
sich die Bilder automatisch. Lösungen gibt's da durchaus.

Gruß, Ingo :)
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 696
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Taschmahal am 12.09.2008, 15:38

nun, es würde schon gehen, nur würde das etwas umfangreicher werden denke ich mal. denn wie gesagt, es besteht alles aus php und einem css natürlich.

wenn du zb. nur an der snow.php und neue css klassen erstellen müsstest, wäre das kein problem, aber wenn es etwas tiefer in das system eingreift, wird es schnell schwer werden denke ich mal
Taschmahal
Mitglied
 
Beiträge: 26
Registriert: 24.06.2008, 19:55

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Ingo am 13.09.2008, 01:46

Hi.

Es ist eigentlich relativ einfach ... oder so :lol: . Änderungen (siehe Anhang, php und js):

1. PHP: Den #grosscontainer und #gross umgestaltet (Stelle ist markiert).
2. PHP: JS-Teil: Breiten- und Höhenangaben in addPhoto() wieder entfernt, da nun nutzlos
3. PHP: JS-Teil: Unterhalb von addPhoto: am Schluss 2 Zeilen entfernt
4. galerie.js: Funktion zentriere_bild_vertikal() samt Aufrufen entfernt

Die jetzige Methode macht sich zunutze, dass man innerhalb eines <td> relativ bequem Sachen
vertikal zentrieren kann (mit normalen Divs geht das nicht ganz so einfach, jedenfalls nicht im
IE6 - der hat Extrawünsche). - Das Zentrieren sollt nun ohne "Ruckeln" klappen. Änderungen im
CSS sind nicht nötig. Bei mir läuft das wie gewünscht, hoffentlich bei dir auch :wink:

Gruß, Ingo :)
Dateianhänge
snow-Dateien.zip
(2.96 KiB) 3-mal heruntergeladen
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 696
Registriert: 01.04.2007, 23:21
Wohnort: Neuss/NRW

Re: Validator kann Website nicht validieren + kleinere Fargen

Beitragvon Taschmahal am 13.09.2008, 11:00

Hi Ingo!

Nun läuft alles! Alles ist validiert, alles funktioniert ohne ruckeln oder Sonstiges! Hab natürlich alles angeglichen, und es geht wirklich!

Danke! Vielen Dank!

MFG

Taschmahal :)

PS: Deine Meinung ist gefragt: http://www.der-webdesigner.net/forum/homepage-f19/photography-page-t8412.html
Taschmahal
Mitglied
 
Beiträge: 26
Registriert: 24.06.2008, 19:55

Vorherige

Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast