[HTML] [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von A.Beta, 19. Juli 2007 .

  1. 19. Juli 2007
    [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

    Ich wollte eine webseite mit hilfe von html und css erstellen und ohne das tabellenlayout in html.

    jedoch bin ich auf einige probleme gestoßen und ich hoffe ihr könnt mir helfen.

    also soweit kam ich ohne nach und nach

    Bild=down!

    und so soll es mal aussehen

    Bild=down!
    (den farbverlauf habe ich im hintergrund mit absicht rauseditiert da er mir nicht gefallen hat)

    die gif's unter der navigation, möchte ich mit hyperlinks versehen, sowie oben das impressum.

    allerdings weiß ich nicht wie ich es hinbekomme die grafiken entsprechend mit div einzubinden das sie an der richtigen stelle sind.

    die dunkle fläche über den header soll ebenfalls durch 3 anklickbare garfiken gekennzeichnet sein.

    ich hoffe ihr könnt mir helfen. hier noch mein html code!

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
    <title>www.xxxx.de</title>
    <link rel="stylesheet" type="text/css" media="screen" href="./inc/style.css" />
    </head>
    <body>
    <div id="leiste_oben">
    <span id="impressum">&nbsp;</span>
    </div>
    <div id="header">
    <span id="header1">&nbsp;</span>
    </div>
    <div id="navi">
    <span id="navi">&nbsp;</span>
    </div>
    </body>
    </html>
    und hier mein css code

    Code:
    {
     margin: 0px;
     padding: 0px;
    }
    body {
    margin:0;
    padding:0;
    background-color:#ffffff;
    background-repeat:repeat-y;
    background-position:center;
    background-image:url(../bilder/hinter_01.gif);
    }
    div#leiste_oben {
    width:724px;
    margin:auto;
    }
    span#impressum {
    width:724px;
    height:30px;
    display:block;
    background-repeat:repeat-y;
    background-image:url(../bilder/impressum_h.gif);
    }
    div#header {
    width:724px;
    margin:auto;
    }
    span#header1 {
    width:724px;
    height:210px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../bilder/header.gif);
    }
    div#navi {
    width:724px;
    margin:auto;
    }
    span#navi1 {
    
    width:724px;
    height:30px;
    display:block;
    background-repeat:no-repeat;
    background-image:url(../bilder/navi1.gif);
    }
    ich hoffe ihr könnt mir helfen.

    bw versteht sich von selbst.

    mfg
     
  2. 19. Juli 2007
    AW: [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

    CSS 4 You - The Finest in Stylesheets
    SELFHTML

    css:
    float: left|right;
    clear: left|right|both;

    ps: du musst ned auf alles display:block; setzen
     
  3. 19. Juli 2007
    AW: [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

    erstmal danke für deine hilfe, das mit float klappt bedingt, jetzt habe die navi leiste ganz links im bildschirm, leider sit sie damit auch außerhalb der webseite, kannst du mir noch einen tip geben wie ich das behebe dann wäre ich glücklich.

    suche schon auf den links rum aber finde es nicht wirklich was, dass mir weiterhilft.

    mfg
     
  4. 19. Juli 2007
    AW: [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

    gib dem element in dem die navi sein solle eine feste breite damit die navi nur in dieser breite versetzt wird.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.