Beiträge von resteverwerter

  • Seitenelemente mittig mit CSS positionieren

    Hallo,

    das geht am einfachsten, wenn du deine Seite in ein <div>-Element setzt, das dann mittig positionert wird.

    html:
    <div id="seite">
    ....
    </div>

    css:
    #seite { position: relative; padding: 0; margin: 10px auto 0 auto;
    }


    Das Hauptmenü würd ich nicht in einzelne <div>s packen, sondern als
    <ul id="hauptnavi">
    <li><a href="...">1.Menüpunkt</a></li>
    ....
    </ul>


    Das Interface-Bild würd ich dieser Liste als Hintergrund unterlegen:
    css:
    padding:...px ...px 0 ...px; background:transparent url(../images/interface.jpg) no-repeat; background-position: ...px ...px;
    Mit Padding (innenpolster und background-position kannst du es dann ganz elegant anpassen.

    LG Matthias Scharwies

  • Bilder in Java-script-Schleife nebeneinander darstellen

    Hallo,

    Ich habe mit "hot potatoes" ein Quiz geschrieben, das die Bundesländer und ihre Flaggen gegenüberstellt. Allerdings wäre es aus Layout-gründen besser, wenn die Bilder nebeneinander stehen würden.

    Ich glaube, dass diese Funktion verantwortlich ist:

    for (var i=0; i<F.length; i++){
    document.write('<div id="F' + i + '" class="CardStyle"></div>');
    }
    .. obwohl document.write ja wohl keinen Zeilenumbruch macht.

    Die ganze Datei steht unter http://www.jsr-hersbruck.de/test/quiz.htm

    Ich wäre froh, wenn jemand die Lösung findet (oder funktioniert dann das ganze drag und drop des Javascripts nicht mehr?)

    Vielen Dank im Voraus!