Seitenvergleich

[Daundweg]

Moin. Bin gerade mit dem Design meiner Seite beschäftigt. Hatte sie gestern soweit:

ACCI

Wer sich den Quellcode anschaut, sieht das es eine hoffnungslose Tabellenwirtschaft ist, und schrecklicher Code. Desshalb hab ich mich daran versucht es in etwas vernuenftiges umzuwandeln, und bin (in meiner Meinung nach gutem Code) bis hier gekommen:

ACCI

Im direkten Vergleich fällt einem auf das die neue "gute" Seite beeindruckend schlecht aussieht, im Vergleich zur alten "schlechten". Die Box im hintergrund ist eckig, die Knöpfe hauen alle nicht so hin, und so weiter. Es gibt also noch viel zu tun.

Ich wollte nun von Euch wissen, ob der Code der neuen Seite soweit gut ist, und ob es für einen Laien möglich ist die "gute" Seite, in vernuenftigem Code so aussehen zu lassen wie die "schlechte".

In der Hoffnung das ihr mich versteht.. :)

Ich.

PS: Es erkläre mir Einer wie ich bei der alten Seite diesen 3D Effekt schatten da bei der Box hinbekommen habe.. Oder bilde ich mir das ein?

 

[Gimli]

<table id="menuhorizontal">
            <tr>
                <td class="navpoint"><a href="index.html">Portada</a></td>
                <td class="trenn"><img src="images/nav_trenn.jpg" width="2" height="54" border="0" alt=""></td>
                <td class="navpoint"><a href="index.html">Noticias</a></td>
                <td class="trenn"><img src="images/nav_trenn.jpg" width="2" height="54" border="0" alt=""></td>
                <td class="navpoint"><a href="index.html">Eventos</a></td>
                <td class="trenn"><img src="images/nav_trenn.jpg" width="2" height="54" border="0" alt=""></td>
                <td class="navpoint"><a href="index.html">Downloads</a></td>
                <td class="trenn"><img src="images/nav_trenn.jpg" width="2" height="54" border="0" alt=""></td>
                <td class="navpoint"><a href="index.html">Enlaces</a></td>
            </tr>
        </table>

Eine Liste wäre hier angebrachter.

<div id="footer2"><a href="http://www.antifavalencia.com" target="_blank">- www.antifavalencia.com -</a></div>

Ein div Element zeichnet eine Gruppe aus. Ist ein einziges a Element eine Gruppe?

<h2 style="float:left;">La ACCIÓN ANTIFASCISTA VALENCIA</h2> 
        <br style="clear:left;" />

Style Angaben macht man eigentlich in einer seperaten Datei. Ich weiß jetzt nicht ob das so schlimm ist aber ich wollte es nur mal gesagt haben. Efchen soll was dazu sagen :mrgreen:

<img src="images/kugel.jpg" width="37" height="37" alt="" title="" style="float:left;" />

Das Bild ist ja wohl eindeutig eine Verzierung. Also sollte es auch, der Semantik halber, nicht mit img eingebunden werden. Mit einem img Tag bindet man normalerweise Grafiken mit wichtigem Inhalt ein, da es auch einen Alternativtext gibt, der bei dir Sowieso nicht gegeben ist.


Zum Schluss noch eine Sache:
Ein Stylesheet würde ich so einbinden:

<style type="text/css">
@import url("style.css");
</style

 

[Daundweg]

Gelesen, wahrgenommen und akzeptiert! Ich schlafe jetzt ne Runde drüber, schaue hier morgen früh nochmal rein, und arbeite dann weiter. Vielen Dank an Alle die antworten :)

 

[Daundweg]

Waren ja garnicht so viele.