Ergebnis 1 bis 13 von 13
  1. #1
    jonnystark ist offline Mitglied
    registriert
    04-02-2008
    Ort
    Oberösterreich
    Beiträge
    35

    Post table-layout >zu> css-layout: wie anfangen?

    servus!

    ich habe ein .html-dokument mit tabellen gestaltet (nvu) und jetzt möcht ich das ganze mit css machen...
    --wie fange ich da idealerweise an?

    --funzt das dann auch mit .php dateien?

    hier die .html datei: http://smitti.bplaced.net/
    bestehende css-datei: http://smitti.bplaced.net/format.css
    --findet ihr das design gut?
    gut dass es foren wie dieses hier gibt

  2. #2
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: table-layout >zu> css-layout: wie anfangen?

    Zitat Zitat von jonnystark Beitrag anzeigen
    ich habe ein .html-dokument mit tabellen gestaltet (nvu) und jetzt möcht ich das ganze mit css machen...
    --wie fange ich da idealerweise an?
    SELFHTML/CSS
    CSS-INTENSIVSTATION

    CSS funktioniert auch mit PHP. Zum Design: mir gefällt es.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  3. #3
    jonnystark ist offline Mitglied
    registriert
    04-02-2008
    Ort
    Oberösterreich
    Beiträge
    35

    AW: table-layout >zu> css-layout: wie anfangen?

    hab ich mir schon zwei mal durchgelesen aber ich kapier das mit den divs nicht...
    das ist doch das selbe wie eine tabelle, oder??

    css arbeitet ja mit boxen und nicht mit tabellen, soweit ich das richtig verstanden hab...
    und wie positioniere ich meine "boxen"(head, menü und inhalt) im freien raum?
    (das ist zur zeit mein größtes problem)

    grüße simon
    gut dass es foren wie dieses hier gibt

  4. #4
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: table-layout >zu> css-layout: wie anfangen?

    Zitat Zitat von jonnystark Beitrag anzeigen
    und wie positioniere ich meine "boxen"(head, menü und inhalt) im freien raum?
    Wenn ich mich nicht sehr irre, entspricht dieses Layout bei CSS-INTENSIVSTATION ziemlich exakt Deinem bisherigen Design. Du müsstest es fast nur kopieren.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  5. #5
    jonnystark ist offline Mitglied
    registriert
    04-02-2008
    Ort
    Oberösterreich
    Beiträge
    35

    AW: table-layout >zu> css-layout: wie anfangen?

    aber wie bekomme ich das menü so wie ich es jetzt habe?
    soll ich die menütabellen lassen oder irgendwie versuchen das hinzubiegen?
    gut dass es foren wie dieses hier gibt

  6. #6
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: table-layout >zu> css-layout: wie anfangen?

    Liste, display:block für <a>.
    Sollen wir Dir jetzt Deine Arbeit abnehmen?
    Bitte lesen: SELFHTML: Stylesheets (CSS)

  7. #7
    jonnystark ist offline Mitglied
    registriert
    04-02-2008
    Ort
    Oberösterreich
    Beiträge
    35

    AW: table-layout >zu> css-layout: wie anfangen?

    ich hab's

    danke!!
    gut dass es foren wie dieses hier gibt

  8. #8
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: table-layout >zu> css-layout: wie anfangen?

    Zitat Zitat von jonnystark Beitrag anzeigen
    ich hab's

    danke!!
    Zeigen!

  9. #9
    jonnystark ist offline Mitglied
    registriert
    04-02-2008
    Ort
    Oberösterreich
    Beiträge
    35

    AW: table-layout >zu> css-layout: wie anfangen?

    hi

    ein bisschen verspätet kann ich euch jetzt ein verbessertes layout zeigen.
    das von ende februar ist irgendwo in meinem daten-saustall ersoffen^^.
    ich habe das intensivstation-layout sehr verändert und mir den menü-code von [Stu Nicholls | CSSplay | slide definition list menu] abgekupfert und auch sehr stark verändert.
    durch dieses menü habe ich jedoch 19 fehler drin.

    nja.. kuckt eben mal bidde hier: ms2 -> home
    feedback erwünscht
    gut dass es foren wie dieses hier gibt

  10. #10
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: table-layout >zu> css-layout: wie anfangen?

    Zitat Zitat von jonnystark Beitrag anzeigen
    durch dieses menü habe ich jedoch 19 fehler drin.
    Gefällt mir deutlich!!!! besser. Kann die Fehlerzahl hier auf 31 erhöhen. Sollte aber kein Problem sein, die zu beseitigen. Eigentlich steht immer dabei, was Du beachten musst. Fang mal an, die Grundstruktur einzuhalten, d.h. im head fehlt der title-Tag (klein schreiben, da xhtm). Füg das mal ein, dann schau'n wir weiter.

    Die Transparenz zu Beginn finde ich etwas problematisch, da der Text schwerer zu lesen ist.

    Edit:
    Sehe eben, Du hast doch nen title-Tag drin, hier als zweiten head
    PHP-Code:
    <head>
    <
    title>ms2 -> home</title>
    </
    head
    Das geht natürlich nicht, also nur einmal das Ganze.

    Außerdem hast Du Stus Menü so geändert, dass es nicht mehr valide ist. Die richtige Verschachtelung

    PHP-Code:
    <ul id="menu">
    <
    li>
    <!--[if 
    lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
    <
    dl class="gallery"
    hast Du geändert und dabei li vor dem dl-Tag weggenommen. Das geht nicht. Kannst Du nicht die class="gallery" dem li zuordnen, so dass Du das gewünschte Aussehen hast?

    Wenn der head nur einmal da ist mit dem title-Tag und auch das Menü korrekt verschachtelt ist, sollte die Seite valide sein.
    Geändert von anna55 (13-07-2008 um 14:03 Uhr)


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  11. #11
    jonnystark ist offline Mitglied
    registriert
    04-02-2008
    Ort
    Oberösterreich
    Beiträge
    35

    AW: table-layout >zu> css-layout: wie anfangen?

    tja.. das hab ich vorher so gehabt.. aber der IE macht mir einen strich durch die rechnung :/
    hmm.. ich glaube ich bau für den IE ein anderes (nur li menü) ein.

    der head ist 2mal da, weil ich sonst für jede seite den gleichen titel hätte. ich

    habe eine "kopf.php:
    von zeile1 bis zum content-div

    eine datei mit dem jeweiligen seiten namen (index.php, hobbies.php, ...):
    hier _muss_ der titel sein, damit ich für jede seite einen anderen habe
    vom content-div bis zum ende des content divs.

    lg simon
    gut dass es foren wie dieses hier gibt

  12. #12
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: table-layout >zu> css-layout: wie anfangen?

    Zitat Zitat von jonnystark Beitrag anzeigen
    tja.. das hab ich vorher so gehabt.. aber der IE macht mir einen strich durch die rechnung :/
    hmm.. ich glaube ich bau für den IE ein anderes (nur li menü) ein.
    Das ist ja wohl zuviel der Ehre für den IE. Du änderst nur das Menü ein wenig, so dass es valide ist:

    PHP-Code:
    <div id="dlmenu">
    <
    div id="menu">

        <!--[if 
    lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
        <
    dl class="gallery">
        <
    dt><a href="index.php" title="">home</a></dt>

        <
    dt><a href="lol.php" title="">lol</a></dt>
        <
    dt><a href="gaestebuch.php" title="">g&auml;stebuch</a></dt>
        <
    dt><a href="kontakt.php" title="">kontakt</a></dt>
        </
    dl>
        <!--[if 
    lte IE 6]></td></tr></table></a><![endif]-->
    <
    ul>
    <
    li>
        <!--[if 
    lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->

        <
    dl class="gallery">
            <
    dt><a href="hobbies.php" title="">+ hobbies</a></dt>
            <
    dd><a href="h_modellbau.php" title="">#&nbsp; modellbau</a></dd>
            
    <dd><a href="h_inet.php" title="">#&nbsp; internet</a></dd>
            
    <dd><a href="h_foto.php" title="">#&nbsp; foto</a></dd>

            
    <dd><a href="h_spiele.php" title="">#&nbsp; pc-spiele</a></dd>
            
    <dd><a href="h_musik.php" title="">#&nbsp; musik</a></dd>
        
    </dl>
        <!--[if 
    lte IE 6]></td></tr></table></a><![endif]-->
    </
    li>

    <
    li>

        <!--[if 
    lte IE 6]><a href="#nogo"><table><tr><td><![endif]-->
        <
    dl class="gallery">
            <
    dt><a href="bilder.php" title="">+ bilder</a></dt>
            <
    dd><a href="b_sa-mp-screens.php" title="">#&nbsp; game-screens</a></dd>
            
    <dd><a href="b_katze.php" title="">#&nbsp; meine katze</a></dd>

        
    </dl>
        <!--[if 
    lte IE 6]></td></tr></table></a><![endif]-->
    </
    li></ul>
    </
    div>
    </
    div
    Und dann noch ein paar kleine CSS-Änderungen. Hier sollte z.B. so erweitert werden

    Code:
    #menu li a:hover dt a, #menu dt:hover a {
    	background: url(../images/layout/menu_haupt_bg.png);
    	color:;
    	height: 18px;
    	font-size: 0.9em;
    	font-weight: bold;
    	border-left: 6px solid #222;
    	border-bottom: 1px solid #444;
    	}
    Zitat Zitat von jonnystark Beitrag anzeigen
    der head ist 2mal da, weil ich sonst für jede seite den gleichen titel hätte. ich habe eine "kopf.php:
    von zeile1 bis zum content-div
    eine datei mit dem jeweiligen seiten namen (index.php, hobbies.php, ...):
    hier _muss_ der titel sein, damit ich für jede seite einen anderen habe
    vom content-div bis zum ende des content divs.
    Was den doppelten head-Tag angeht: Ich kenne mich mit PHP nicht aus, kann mir jedoch nicht vorstellen, dass man das nicht auch in den Griff bekommen kann.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  13. #13
    Avatar von slosd
    slosd ist offline Kaiser
    registriert
    19-02-2006
    Beiträge
    1.359

    AW: table-layout >zu> css-layout: wie anfangen?

    Zitat Zitat von anna55 Beitrag anzeigen
    Was den doppelten head-Tag angeht: Ich kenne mich mit PHP nicht aus, kann mir jedoch nicht vorstellen, dass man das nicht auch in den Griff bekommen kann.
    Ich hab das immer mittels Pufferung gelöst (siehe PHP-Funktionen ob_start(), ob_get_contents() und ob_end_clean()).
    Dazu bindest du zuerst die PHP-Datei ein, die den jeweiligen Seiteninhalt darstellt (index.php, hobbies.php) und pufferst deren Ausgabe.
    Das gibt dir die Möglichkeit in dieser Datei einen Seitentitel zu definieren.

    Bsp.:
    PHP-Code:
    <?php

         ob_start
    ();
         include 
    "hobbies.php";
         
    $content ob_get_contents();
         
    ob_end_clean();

         include 
    "kopf.php";

         echo 
    $content;

    ?>
    hobbies.php enthält dann irgendwo etwas dergleichen:
    PHP-Code:
    define("TITLE""Hobbies"); 
    in kopf.php fügst du den Titel dann ein:
    PHP-Code:
    <head>
         <title><?php echo TITLE?></title>
    </head

Ähnliche Themen

  1. reines CSS Layout wird im Mac nicht angezeigt
    Von thonsen im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 27-08-2006, 14:28
  2. Hilfe mit CSS Layout
    Von Red-Dragon im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 03-01-2006, 22:21
  3. [HELP] Layout Problem mit CSS :-/
    Von flashfreak im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 10-10-2005, 17:48
  4. Antworten: 3
    Letzter Beitrag: 13-06-2005, 00:02
  5. Table in css zentrieren (XHTML)
    Von ReCeD im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 01-09-2003, 13:39

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •