✔ Wie würdet ihr dieses Problem lösen?

Status
Nicht offen für weitere Antworten.
L

lp-chester

Erfahrenes Mitglied
Hallo.
Könnt ihr mir sagen, wie ich auf dieser Seite die Bilder am besten anordne? Mein Problem ist, dass die Seite skalierbar bleiben muss. Wenn ich das mit 2 Tabellen in einer lösen will, passt das ganze nicht mehr unter 800*600. Ich hatte schon überlegt einzelne Tabellen zu nehmen (weil die ja dann hoch bzw. runter rutschen könnten), aber man kann diese ja nicht nebeneinander anordnen. Habt ihr ne Idee wie man das am besten meistern?

mfg LP-Chester

(auf der Page ist das jetzt im moment [Tabelle in Tabelle] das ist aber, wie schon gesagt, nicht skalierbar)
 
Zuletzt bearbeitet:
Hi,

klasse, dass du an die Benutzerfreundlichkeit denkst. Dann mach doch gleich einen Schritt weiter, verzicht auf Tabellen, wo sie nicht hingehören und löse Designaufgaben mit CSS.

In deinem Fall würd ich die Bilder einfach nebeneinander postieren und per CSS den Bildern ein margin:4px oder so geben.

Gruß
Aleks
 
Würde die Bilder einfach in eine Flash-Datei reinspielen!

Dann hast du auch kein Problem mit skalieren, da sich das ganze automatisch an
die vorhandene Grösse anpasst.


währe meine Vorschlag!
 
@Bernd: Warum willst du das ganz normale Ansehen von Bildern von Flash abhängig machen wenns auch so geht? Klar, Flash IST ein Medium, aber dennoch nicht für ALLES geeignet.
 
@ Alex: Danke für deinen Tip, aber wie bekomm ich dann den Text direkt darunter?

@ berndf78: Sorry, aber hab von Flash echt null ahnung. Könntest du mir vielleicht einen Link geben, vo man Flash step by step erlernt?

mfg LP-Chester
 
@alex: Finde es (für mich) die einfachste Lösung.

Andere Möglichkeit wäre, die Tabelle sowie die Bilder mit %-Werten anzugeben, dadurch passen sich diese auch wieder an. Hab das einmal gemacht mit Adobe GoLiveCS war allerdings eine TryOut Version hat aber ganz gut funktioniert.
Was hältst du von der Idee?

@chester: hab flash selber mit Learning by Doing gelernt. einfach mal ein bischen rumprobiert in einer TryOut-Version und mich gespielt. Hab mir dann nach einem Monat ein Buch gekauft, hat mich aber auch nicht wirklich weiter gebracht, da meine Fragen bereits zu speziell waren! Rest aus dem Forum gesucht und gefunden!

mfg
Bernd
 
@ Bernd: vielleicht ist das die Lösung:

<ul style="list-style-type:none;">
<li style="float:left;margin:3px;"><img src="test.jpg"><br />test</li>
<li style="float:left;margin:3px;"><img src="test.jpg"><br />test</li>
<li style="float:left;margin:3px;"><img src="test.jpg"><br />test</li>
<li style="float:left;margin:3px;"><img src="test.jpg"><br />test</li>
</ul>

@ chester: passts jetzt? Sorry, die Schrift drunter hatte ich übersehen. (natürlich kann man die CSS-Angaben besser machen)
Gruß Aleks
 
Danke Aleks! Funktioniert super. Aber jetzt hat der Links so viel platz...kann man das umgehen? Oder entsteht das durch das <ul>

mfg LP-Chester
 
Hi,

dass wird durch die Liste verursacht. Aber natürlich gibts da auch ne Möglichkeit ;)
Einfach dem <ul> ein margin:0px; mitgeben.

Gruß
Aleks

P.S.:

Hab's grad auch im Firefox überprüft. Dort wird auch noch ein padding:0px; benötigt, sodass dein Quelltextschnipsel so aussehen muss:

<html>
<head>
<style type="text/css">
ul {
list-style-type:none;
margin:0px;
padding:0px;
}
li {
float:left;
margin:3px;
padding:0px;
}
</style>
</head>
<body>
<ul>
<li><img src="test.jpg"><br />test</li>
<li><img src="test.jpg"><br />test</li>
<li><img src="test.jpg"><br />test</li>
<li><img src="test.jpg"><br />test</li>
</ul>
</body>
</html>

Du siehst also, alles mit ein bisschen CSS und HTML möglich.
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück