Webstatt.org - Community seit 2006 - 2012 (2024?)

Tabellendesign in CSS

Avatar user-182
23.03.2007 06:16
Moinmoin Leude,

ich habe folgendes Layout "designed": http://img127.imageshack.us/img127/3173/1khco9.jpg
Wie kann ich das nun ambesten in CSS umwandeln? Ich dachte an zwei Spalten, aber wie gehts weiter mit den Infos bei "Der Hoster"?

Ich bin mal einwenig angefangen, nur so blendend sieht das noch nicht aus: 1kh.eu — Many hoster in the overview | Rapidshare
            <h3 style="padding-left:22px; margin-left: 5px; background: transparent url(/images/icons/house.png) no-repeat left center;">Der Hoster</h3>

            <div class="line"></div>

            <ul style="line-height:18px;margin:5px 0 20px 20px;list-style-image: url(/images/icons/feature-arrow.png); font-family: verdana; font-size:12px; color: #696969">

              <li><span style="float:left;display:block">Link:</span><span style="margin-left:200px;display:block"><img src="/images/icons/go.png" alt="" /> rapidshare.com</span></li>

              <li><span style="float:left;display:block">Gr&uuml;ndungsdatum:</span><span style="margin-left:200px;display:block">23.04.1990</span></li>



              <li><span style="float:left;display:block">Serverstandort:</span><span style="margin-left:200px;display:block">rapidshare.com</span></li>

              <li><span style="float:left;display:block">Statistik (laut Anbieter):</span><span style="margin-left:200px;display:block">rapidshare.com</span></li>

            </ul>


Das funktioniert noch nicht im IE.. wie kann ich das besser lösen?

Und überhaupt.. so wie ich mir das da gedacht habe.. mit den zwei Spalten. Ist das gut? Oder soll ich das nochma überdenken? Wie sonst wenn nicht so?

Vielleicht könnt ihr mir ja helfen.. könnt euch ja mal das betsehende Layout auf 1kh.eu angucken und sagen was ihr ändern würdet... und was man besser machen könnte.

Freu mich über jedes Feedback!

//achja @fish: keine sorge, h6p mach ich auch bald fertig, also das ist net gestorben oder so ^^

Viele Grüße,
Franky
Seid ihr auch schon wix'r? xD
Avatar user-180
23.03.2007 08:03
lol, k ^^

also das wirkt ein bischen unübersichtlich, weil du keine der spalten hervorhebst. beide haben das gleiche "gewicht", obwohl links der "wichtige" inhalt ist, rechts "nur" navgationselemente. versuch beides ein wenig von einander abzugrenzen, zb durch ne hintergrundfarbe, kleidere, andere farben. aber nicht zu starken kontrast, sonst sieht das aus wie kindergarten..

also zb navi kannste ja kleinere schrift machen und in nen kasten packen mit leicht grauem hintergrund, ,evtl noch mit nem rame, das muss man dann sehen.

und bei den informationen kannst du ruhig ne tabelle nehmen, weil sie ja da kein designelement ist, sondern weil der inhalt das erfordert. (ist ja ne tabellenartige auflistung)

natürlich solltest du die tabelle mit css formatieren, aber ich denke das weisste schon...
may the force be with you. but mostly with me.