Verzweifelter Versuch neues Design on zu bekommen

  • Deyda Deyda
    Padawan
    0 x
    53 Beiträge
    0 Hilfreiche Beiträge
    24. 06. 2008, 14:41

    Guten Morgen,

    bin kein Pro was CSS und HTML angeht. Dennoch habe ich mal Versucht ein Template soweit zu editieren das es meinen Wünschen gerecht wird.

    Habe aber nun das Problem das es nciht angezeigt wird.

    Hier erstmal die CSS und die HTML Dati
    [HTML]

    body {
    padding:15px 0 0 0;
    margin:0;
    font:76% tahoma, verdana, sans-serif;
    background:#e0e0e0;
    color:#303030;
    }

    a {
    color:#303030;
    text-decoration:none;
    border-bottom:1px dotted #505050;
    }

    a:hover {
    color:#303030;
    text-decoration:none;
    border-bottom:1px solid #505050;
    }

    h1 {
    margin:0 0 20px 0;
    font-size:2.2em;
    font-weight:normal;
    }

    h2 {
    margin:0 0 12px 0;
    font-size:1.6em;
    font-weight:normal;
    }

    h3 {
    margin:0 0 10px 0;
    font-size:1.4em;
    font-weight:normal;
    }

    p {
    margin:0 0 15px 0;
    line-height:1.5em;
    text-align:left;
    }

    a img {
    border:0;
    }

    /* Main container */

    div#container {
    margin:0 auto 20px auto;
    width:730px;
    padding:5px 20px 20px 20px;
    background:#ffffff;
    }

    /* Site title section */

    div#logo {
    margin:15px 0 0 0;
    }

    div#logo h1 a {
    color:#505050;
    border:none;
    }

    div#logo h1 a:hover {
    color:#303030;
    text-decoration:none;
    border:none;
    }

    /* Toptab menu */

    div#toptabs {
    margin:10px auto -13px auto;
    font-size:0.8em;
    width:760px;
    }

    div#toptabs p {
    text-align:right;
    color:#808080;
    }

    .toptab {
    padding:4px 5px 3px 5px;
    margin:0 0 0 4px;
    text-decoration:none;
    background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
    color:#808080;
    border-bottom:1px solid #e0e0e0;
    }

    .toptab:hover {
    background:#fafafa url(images/corner2.gif) top right no-repeat;
    border-bottom:1px solid #eaeaea;
    color:#505050;
    text-decoration:none;
    }

    .activetoptab {
    padding:4px 5px 3px 5px;
    margin:0 0 0 4px;
    color:#505050;
    text-decoration:none;
    background:#ffffff url(images/corner2.gif) top right no-repeat;
    border-bottom:1px solid #ffffff;
    }

    .activetoptab:hover {
    text-decoration:none;
    border-bottom:1px solid #ffffff;
    }

    /* Navitab menu */

    div#navitabs {
    clear:both;
    }

    .navitab {
    padding:4px 8px 4px 8px;
    margin:0 0 4px 0;
    text-decoration:none;
    font-size:1.1em;
    background:#e0e0e0 url(images/corner.gif) top right no-repeat;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    }

    .navitab:hover {
    text-decoration:none;
    background:#d0d0d0 url(images/corner.gif) top right no-repeat;
    border-bottom:1px solid #ffffff;
    }

    .activenavitab {
    padding:4px 8px 5px 8px;
    color:#ffffff;
    margin:0 0 5px 0;
    font-size:1.1em;
    text-decoration:none;
    background:#505050 url(images/corner.gif) top right no-repeat;
    }

    .activenavitab:hover {
    text-decoration:none;
    color:#ffffff;
    }

    /* Header description */

    div#desc {
    height:200px;
    color:#ffffff;
    padding:0;
    clear:both;
    margin:5px 0 15px 0;
    }

    div#desc p {
    width:290px;
    font-size:1em;
    line-height:1.3em;
    padding:0 0 0 15px;
    }

    div#desc h2 {
    padding:15px 15px 0 15px;
    color:#ffffff;
    }

    div#desc a {
    color:#ffffff;
    text-decoration:none;
    border-color:#ffffff;
    }

    /* Main content */

    div#main {
    width:550px;
    float:left;
    padding:0 15px 0 0;
    margin:0;
    border-right:1px solid #d8d8d8;
    }

    /* Sidebar */

    div#sidebar {
    width:150px;
    float:right;
    }

    div#sidebar p {
    font-size:0.9em;
    line-height:1.3em;
    margin:0 0 15px 0;
    }

    /* Footer */

    div#footer {
    clear:both;
    background:#fafafa;
    padding:0;
    margin:0;
    border-top:1px solid #d8d8d8;
    }

    div#footer a {
    color:#808080;
    }

    div#footer a:hover {
    color:#303030;
    }

    div#footer p {
    color:#808080;
    font-size:1.1em;
    line-height:1.3em;
    margin:15px 0 0 0;
    padding:0;
    }

    /* Various classes */

    .photo {
    padding:2px;
    margin:0 0 8px 0;
    background-color:#f0f0f0;
    border:1px solid #d8d8d8;
    }

    .right {
    margin-top:-8px;
    text-align:right;
    }

    .block {
    background:#f0f0f0;
    padding:10px;
    }

    .sidelink {
    text-align:left;
    display:block;
    width:140px;
    background:#f0f0f0 url(images/corner.gif) top right no-repeat;
    padding:3px 4px 3px 8px;
    margin:5px 10px 5px 0;
    border:none;
    }

    .sidelink:hover {
    background:#e0e0e0 url(images/corner.gif) top right no-repeat;
    text-decoration:none;
    border:none;
    }

    .hide {
    display:none;
    }
    [/HTML]

    html datei:
    [HTML]<html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="language" content="de"> <link rel="stylesheet" type="text/css" href="fileadmin/style.css"> </head> <body> <!-- ###DOKUMENT### begin --> <div id="toptabs"> <p>Site Network:
    ###SITE_NETWORK###
    </div> <div id="container"> <div id="logo">
    ###TITEL###
    </div> <div id="navitabs"> <h2 class="hide">Site menu:</h2>
    ###MENU_OBEN###
    </div> <div id="desc">
    ###TRAILER1### ###TRAILER2### ###TEXT_OBEN###
    </div> <div id="main">
    ###MAIN###
    </div> <div id="sidebar"> <div>
    ###RECHTS_OBEN###
    </div> <div>
    ###RECHTS_UNTEN###
    </div> </div> <div id="footer">

    ###COPYRIGHT###

    </div> <!-- ###DOKUMENT### end --> </body> </html>
    [/HTML]
    Hoffe es kann mich jemand in die richtige Richtung schubsen....

    Achja wer wissen will was angezeigt wird atm....


  • 1
  • einpraegsam.net einpraegs...
    MacGyver
    0 x
    9340 Beiträge
    80 Hilfreiche Beiträge
    24. 06. 2008, 14:44

    [quote="Deyda"]
    Habe aber nun das Problem das es nciht angezeigt wird.
    [/quote]

    Was wird nicht angezeigt? Weiße Seite? Wird das CSS nicht eingebunden? Ist nur der HTML Header im Quelltext zu sehen oder gar nichts? Wie ist dein Typoscript?

    in2code.de - Wir leben TYPO3
    - Möchtest du TYPO3 komplett verstehen? Eigene Erweiterungen erstellen? Bei uns gibt es auch Schulungen https://www.in2code.de/produkte/typo3-schulungen/
    - Die Arbeit mit TYPO3 macht dir Spaß? Du stehst auf Berge? Komm zu uns! https://www.in2code.de/agentur/karriere/

  • 1