Tabellenproblem

[Takedown]

Tag,
ich hätte da noch einmal zwei Fragen zu den Tabellen.

1) Gibt es neben Tabellen noch andere Mäglichkeiten Designs zu slicen bzw. coden?

2) Wie müsste der Code lauten, dass meine Tabelle beziehungsweise der Inhalt bei unterschiedlichen Browserauflösungen nach rechts/löinks/oben/unten verschiebt? Gibt es da vielleicht einen "halter-code" der das verschieben von texten und grafiken innerhalb einer tabelle untersagt?


lg,
take

[e-phy]

Tag.

zu 1)
Es gibt andere Möglichkeiten um ein Design zu slicen. Man gestaltet seine gesamte Seite mit CSS. Tabellen sind für Inhalte da und nicht für leere Grafiken! Wie macht man also aus einer Grafikdatei eine Internetseite? Man nutzt die Elemente die vorhanden sind und gibt diesen dann entsprechende Informationen mit auf den Weg. Diese sind dann meist background-image oder background-color.
Zur Not kann man auch auf mehrere verschachtelte Div-Ebenen zurückgreifen. Dies sollte aber kein reiner Ersatz für Tabellenzellen sein!

zu 2) Wie soll sich dein Inhalt verschieben? Soll der statisch an einer Stelle positioniert werden? Versteh deine Frage nicht ganz und möchte ungern im trüben fischen!

Aber als letztens noch: css4you.de sollte dir für den Anfang eine große Hilfe sein. Zumal die Seite übersichtlich und nach Themen aufgebaut ist. Dort gibt es u.a. auch ein umfangreiches Angebot an Tutorials wie man eine Seite mit CSS anstatt mit Grafik-Tabellenkonstrukten gestaltet!

[Takedown]

e-phy schrieb:Tag.

zu 1)
Es gibt andere Möglichkeiten um ein Design zu slicen. Man gestaltet seine gesamte Seite mit CSS. Tabellen sind für Inhalte da und nicht für leere Grafiken! Wie macht man also aus einer Grafikdatei eine Internetseite? Man nutzt die Elemente die vorhanden sind und gibt diesen dann entsprechende Informationen mit auf den Weg. Diese sind dann meist background-image oder background-color.
Zur Not kann man auch auf mehrere verschachtelte Div-Ebenen zurückgreifen. Dies sollte aber kein reiner Ersatz für Tabellenzellen sein!

zu 2) Wie soll sich dein Inhalt verschieben? Soll der statisch an einer Stelle positioniert werden? Versteh deine Frage nicht ganz und möchte ungern im trüben fischen!

Aber als letztens noch: css4you.de sollte dir für den Anfang eine große Hilfe sein. Zumal die Seite übersichtlich und nach Themen aufgebaut ist. Dort gibt es u.a. auch ein umfangreiches Angebot an Tutorials wie man eine Seite mit CSS anstatt mit Grafik-Tabellenkonstrukten gestaltet!

erst einmal thx für deine aussage, mein problem ist folgendes. auf http://www.shooter-news.de (nach der startseite) wird bei einer auflösung von 1280x1024 die netzwerkleiste vom on-network vollständig angezeigt, bei einer auflösung von 1024x768 jedoch fehlt links und rechts ein leistenteil, ws ich jedoch nicht nachvollziehen kann oO woran könnte das liegen?

[e-phy]

Weil die Elemente vielleicht übereinander liegen? Oder weil die Elemente nicht geladen werden? Ich kann es nicht nachvollziehen, da sich bei mir der Fehler nicht gezeigt hat.
Trotzdem würde ich die Leiste anders gestalten

Code:

<div>
   <form action="" method="">
      <select ... />
   </form>
</div>

Den Inhalt vom Div flotest du dann setzt die Breite auf 100%. Dann kannst du mittels CSS die gesamten Eigenschaften bestimmen und solltest dann eine ansprechene Leiste bekommen - Ohne Tabellen!

[Takedown]

Also momentan suche ich jemanden, der mir die Seite http://www.Shooter-News.de (nur das Design) komplett in CSS umformt. Als Belohnung würde ich dafür 5-10€ springen lassen.

Hätte jemand interesse?



lg,
take

[e-phy]

Die Enterseite, die Index Seite oder welche genau?
Und welches Design bitte? Dieses Background-image kann man doch nicht Design nennen

Präzisier dich ein wenig und ich werde schaun was sich machen lässt!

[Takedown]

e-phy schrieb:Die Enterseite, die Index Seite oder welche genau?
Und welches Design bitte? Dieses Background-image kann man doch nicht Design nennen

Präzisier dich ein wenig und ich werde schaun was sich machen lässt!

Die Enterpage kann so gelassen werden, nur die Index-Seite sollte komplett in CSS sein. Sich ist es kein richtiges Design, da es sich eigentlich um eine reine Content-Seite handelt, daher will ich wenigstens einen akzeptablen und sauberen Code in CSS haben
Also vom Aufwand her nichts allzu großes.

[e-phy]

So, da der Aufwand ja nicht groß sein soll, geb ich dir das hier für lau und du kannst damit machen was du möchtest

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Webhilfe macht CSS-Layouts</title>
<style type="text/css" media="all">
    *{
        margin: 0;
        padding: 0;
    }
    body{
        background-image: url(http://bl.on-network.net/cms/sn/img/bg.jpg);
        background-repeat: no-repeat;
        background-position: right top;
        background-color: white;
        
        font-size: x-small;
        font-family: Verdana, Arial, sans-serife;
    }
    
    #wrapper{
        width: 800px;
        background-color: white;
        border: 1px solid #cecece;
    }
    
    #content{
        width: 600px; float: left; padding-left: 5px;
    }
    #advertisment{
        width: 180px; float: right;
        border-left: 1px solid #cecece;
        text-align: center;
    }
    
    h2{
        background-color: #cecece;
        font-size: 70%;
        color: white;
        padding: 1px 1px 1px 5px;
    }
    
    h3{
        border-left: 10px solid red;
        font-size: 60%;
        padding-left: 5px;
        text-align: left;
    }
    
    ul{
        padding-left: 30px;
        list-style-type: none;
        margin-top: 10px;
    }
    
    li a:link, li a:visited{
        color: black;
        text-decoration: none;
    }
    
    li a:hover, li a:focus, li a:active{
        color: #A02121;
        text-decoration: underline;
    }
</style>

</head>
<body>
<h1><img src="http://bl.on-network.net/cms/sn/img/logo_bg.gif" alt="Shotternews Banner" /></h1>
<div id="wrapper">
    <h2>Herzlich Willkommen hier auf der Seite</h2>
    <div id="content">
        <h3>Shooter-News</h3>
        <ul>
            <li></li>
            <li><a href="#">Battlefield 2 Patch 1.41</a></li>
            <li><a href="#">Birth of America Patch 1.10</a></li>
            <li><a href="#">Armed Assault: Guide für Modder</a></li>
            <li><a href="#">BF 2142 - Statement von Dice</a></li>
            <li><a href="#">Tomb Raider 8: 10th Anniversary Edition</a></li>
            <li><a href="#">Vista Raubkopien nutzlos</a></li>
            <li><a href="#">Special: Teaminterview mit pleXed</a></li>
            <li><a href="#">The Mark Demo morgen!</a></li>
            <li><a href="#"i>Crysis - Neue Bilder im Umlauf</a></li>
            <li><a href="#">Call of Duty 4 in Arbeit</a></li>
            <li><a href="#">Playstation3 da und wieder weg</a></li>
            <li><a href="#">Quake Wars - Neuer Trailer veröffentlicht</a></li>
            <li><a href="#">Net Framework 3.0</a></li>
            <li><a href="#">Neues zum Thema Open-Source</a></li>
            <li><a href="#">X3: Reunion 2.0 Update</a></li>
            <li><a href="#">Windows Vista fertiggestellt</a></li>
            <li><a href="#">World of WarCraft: Burning Crusade Release</a></li>
            <li><a href="#">Call of Duty 3 für den PC?</a></li>
            <li><a href="#">Demo: Splinter Cell - Double Agent</a></li>
        </ul>
        
    </div>
    <div id="advertisment">
        <h3>Advertise</h3>
        <img src="http://bl.on-network.net/cms/sn/img/advertise_0537.gif" alt="Werbung für ein Computerspiel" />
    </div>
    <div style="clear: both;"></div>
</div>
</body>
</html>

Für weitere Anpassung wird dann aber ne Gebühr fällig - Ist ja auch nicht so schlimm, ist ja nur eine kleine Gebühr ^^

[S.o.T.]

@e-phy: Du hast das Dokument bzw. den Code als HTML 4.01 deklariert, schreibst aber XHTML-Code. ^^ Jedenfalls enden die Stand-alone-Tags mit />.

[e-phy]

@S.o.T. ja du Schlaumeier. Wenn du doch alles besser weißt, warum machst du es nicht besser? Guck dir erst mal deine Sachen an, dann können wir weiterreden! Der obige Code zumindest ist valide - im gegensatz zu deiner Seite!