Beiträge von resteverwerter

kein Problem,
die css-Formatierung

margin: 0px auto;

gilt nur für das betroffene Element.

Alle anderen fangen wieder links oben an, außer du formatierst sie anders.

LG Matthias Scharwies

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

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!