Übersicht gestalten - wie?

Q

Querulant

SEO
ID: 165221
L
20 April 2006
4.605
528
Hallo,
stehe vor einem kleinem Problem. Für
https://www.prepaidia.de/anbieter/prepaid-anbieter.html

Will ich die Übersicht anders gestalten. Auf der Startseite ist bereits ein kleiner Vergleich, in der Übersicht sollen keine Tarifdetails o.ä. genannt werden, nur übersichtlich alle Anbieter aufgelistet werden, am Besten noch mit einem kleinen Text.

Mir fällt aber keine praktische Lösung ein, habt ihr vielleicht ein paar Ideen wie man das gestalten könnte?

gruß Andre
 
Ich würde die Übersicht auf alle Fälle korrekt gestalten ;)
V.a. du hast sicherlich Interesse, dass die Listen auch überall richtig dargestellt werden und lesbar sind.
 
DelphiKing schrieb:
Naja, man muss sich wohl eher für eines von beidem entscheiden: entweder W3C-korrekt, oder überall richtig dargestellt und lesbar ...
Zum Vergrößern anklicken....

Es gibt Conditional Statements, die ohne invalide Hacks auskommen. Wobei es ja dann noch die validen Hacks gibt..

cruZe schrieb:
Hallo,
stehe vor einem kleinem Problem. Für
https://www.prepaidia.de/anbieter/prepaid-anbieter.html

Will ich die Übersicht anders gestalten. Auf der Startseite ist bereits ein kleiner Vergleich, in der Übersicht sollen keine Tarifdetails o.ä. genannt werden, nur übersichtlich alle Anbieter aufgelistet werden, am Besten noch mit einem kleinen Text.

Mir fällt aber keine praktische Lösung ein, habt ihr vielleicht ein paar Ideen wie man das gestalten könnte?

gruß Andre
Zum Vergrößern anklicken....

Wie sieht's mit einer Tabelle aus? Und dann würde ich mal die Logos in vernünftiger Auflösung / Seitenverhältnis machen.

Das beruhigt das Auge und macht das Auffinden von Informationen leichter.
 
Wie wäre es mit so was?

Unbenanntdfca7.jpg
 
Das sind zwar Daten, aber keine, die unbedingt tabellarisch dargestellt werden sollten. Nimm DIVs.

Btw: Google soll helfen. Ist dein Job.
 
Hallöchen,
habe es nun folgt gelöst

prepaidia.de/anbieter/prepaid-anbieter2.html (extra nicht verlinkt wegen google)

2 Sachen die ich nicht hinbekomme

1. Der Hintergrund soll gleich vom Menü sein...habe echt alles ausprobiert, die ganze CSS Datei aufn Kopf gestellt bekomme es einfach nicht hin...

2. Es soll ein Rand oben + unten als auch links + rechts sein, wie?
Auch son Problem von mir...

Sitz an dem Kram seit über 2 Std. Cybo ist zeuge :D wäre um Hilfe echt erfreut...

gruß
 
zu 1.) Installier dir Firebug. Da siehst du welche Elemente welchen Style haben. Dann musst du nicht groß rumsuchen.

zu 2.) border-top: 1px solid #FFFFFF; Werte kannst du entsprechend modifizieren und Präfix gegen left, right, bottom austauschen.
 
Freddixx schrieb:
zu 1.) Installier dir Firebug. Da siehst du welche Elemente welchen Style haben. Dann musst du nicht groß rumsuchen.
Zum Vergrößern anklicken....

Selbst damit komm ich nicht weiter...

zu 2.) border-top: 1px solid #FFFFFF; Werte kannst du entsprechend modifizieren und Präfix gegen left, right, bottom austauschen.
Zum Vergrößern anklicken....

Damit grad ebenfalls nicht...vielleicht seh ich nun auch grad den Wald vor lauter Bäumen nicht.
 
Achso? Wenn du damit auf einen Link klickst, siehst du rechts in der Übersicht, dass der Hintergrund eines Links unsinnigerweise ein Bild ist und keine Farbe, was völlig unnötig ist. Wenn du das trotzdem verwenden willst:

Code: 
background: url(img/link_normal.png);
(ggf. noch mit nötigen Erweiterungen versehen).

Die Border-Lösung funktioniert ebenfalls einwandfrei. Habs gerade mit Firebug onthefly ausprobiert. Bist du sicher, dass du den Code überhaupt versucht hast?
 
Hallo,
ja habe es definitiv versucht. Wie du auch in der style.css entnehmen kannst, habe ich als Hintergrund den von dir genannten Link angegeben. Dennoch ist der Hintergrund eine andere Farbe als rechts im Menü, das ist ja das was ich nicht verstehe!!!
 
Achso vom Menu rechts.. das wäre:

Code: 
background-image:url("img/navi_body.png");

Wobei es dort ebenso sinnfrei ist, ein Hintergrundbild zu nutzen.

Den Style sehe ich nur in der box_o_l - Klasse, du rufst box_c auf.
 
mach mal

HTML: 
<img src="../logos/aldi.jpg" style="border: 0px; float: left; margin: 10px; width: 50px;">

damit machste die Border auf 0px das siet besser aus, wobei vielleicht ne Border in weiß mit 3px auch gut aussehen könnte. Diese Blaue kontur die später lila wird is net so das wahre ;)
 
web2null schrieb:
mach mal

HTML: 
<img src="../logos/aldi.jpg" style="border: 0px; float: left; margin: 10px; width: 50px;">

damit machste die Border auf 0px das siet besser aus, wobei vielleicht ne Border in weiß mit 3px auch gut aussehen könnte. Diese Blaue kontur die später lila wird is net so das wahre ;)
Zum Vergrößern anklicken....

Jau gute idee. Und statt solid eventl. dashed.. mal etwas rumspielen.

Zu dem gif: Nimm doch einfach einen Frame und mach ein jpg draus. Die Grafiken sind eh kacke. Verpixelt und schwammig - mach am besten neue.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben