Ergebnis 1 bis 6 von 6

Thema: Hilfe bei CSS-Problem

  1. #1
    Unregistriert
    Gast

    Standard Hilfe bei CSS-Problem

    Hallo,

    Ich habe meine style.css

    /**************************************************/
    /* Body and Wrapper */
    /**************************************************/

    body {
    background: #000099 url(images/back.png) top center repeat-x;
    margin: 0;
    padding: 0;
    font: normal 8pt/13pt verdana, arial,sans-serif;
    }

    #wrapper {
    margin: 0 auto;
    width: 800px;
    padding: 0;
    text-align: left;
    }

    /**************************************************/
    /* Top Piece */
    /**************************************************/

    #top {
    background: url(images/bgtop.png) top center no-repeat;
    width: 800px;
    height: 78px;
    }

    /**************************************************/
    /* Content
    another wrapper that holds all the content */
    /**************************************************/

    #content {
    background: url(images/bgmiddle.png) center repeat-y;
    width: 766px;
    height: 100%;
    padding: 0px 17px 0px 17px;
    }

    /**************************************************/
    /* All the content */
    /**************************************************/

    #header {
    background: url(images/header.png) top center no-repeat;
    width: 746px;
    height: 106px;
    margin: 0px 0px 10px 0px;
    padding: 60px 0px 0px 20px;
    color: white;
    font-size: 50px;
    text-align: ;
    }
    /* Menu */
    #menu {
    width: 200px;
    height: 100%;
    margin-left: 10px;
    float: left;
    text-align: left;
    }

    #menu li a {
    height: 37px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 29px;
    text-decoration: none;
    text-align: left;
    }

    #menu li a:link, #menu li a:visited {
    color: navy;
    display: block;
    background: url(images/off.png) top center no-repeat;
    padding: 8px 0 0 10px;
    height: 29px;
    text-align: left;
    }

    #menu li a:hover {
    color: blue;
    background: url(images/on.png) top center no-repeat;
    padding: 8px 0 0 10px;
    height: 29px;
    text-align: left;
    }

    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    }

    #stuff {
    background: url(images/texttop.png) top left no-repeat;
    width: 520px;
    margin: 0px 0px 0px 220px;
    padding-top: 55px;
    border: 2px navy;
    }

    img {
    border: none;
    }

    /**************************************************/
    /* Bottom */
    /**************************************************/

    #bottom {
    background: url(images/bgbottom.png) bottom center no-repeat;
    width: 800px;
    height: 120px;
    }



    Und das ist mein ergebniss dabei: http://www.abload.de/image.php?img=1n4ab.png

    Wie fülle ich nun das Bild aus??

    Ich danke euch für eure Hilfe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kämpfer
    Gast

    Standard AW: Hilfe bei CSS-Problem

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Hallo,

    Ich habe meine style.css

    /**************************************************/
    /* Body and Wrapper */
    /**************************************************/

    body {
    background: #000099 url(images/back.png) top center repeat-x;
    margin: 0;
    padding: 0;
    font: normal 8pt/13pt verdana, arial,sans-serif;
    }

    #wrapper {
    margin: 0 auto;
    width: 800px;
    padding: 0;
    text-align: left;
    }

    /**************************************************/
    /* Top Piece */
    /**************************************************/

    #top {
    background: url(images/bgtop.png) top center no-repeat;
    width: 800px;
    height: 78px;
    }

    /**************************************************/
    /* Content
    another wrapper that holds all the content */
    /**************************************************/

    #content {
    background: url(images/bgmiddle.png) center repeat-y;
    width: 766px;
    height: 100%;
    padding: 0px 17px 0px 17px;
    }

    /**************************************************/
    /* All the content */
    /**************************************************/

    #header {
    background: url(images/header.png) top center no-repeat;
    width: 746px;
    height: 106px;
    margin: 0px 0px 10px 0px;
    padding: 60px 0px 0px 20px;
    color: white;
    font-size: 50px;
    text-align: ;
    }
    /* Menu */
    #menu {
    width: 200px;
    height: 100%;
    margin-left: 10px;
    float: left;
    text-align: left;
    }

    #menu li a {
    height: 37px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 29px;
    text-decoration: none;
    text-align: left;
    }

    #menu li a:link, #menu li a:visited {
    color: navy;
    display: block;
    background: url(images/off.png) top center no-repeat;
    padding: 8px 0 0 10px;
    height: 29px;
    text-align: left;
    }

    #menu li a:hover {
    color: blue;
    background: url(images/on.png) top center no-repeat;
    padding: 8px 0 0 10px;
    height: 29px;
    text-align: left;
    }

    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    }

    #stuff {
    background: url(images/texttop.png) top left no-repeat;
    width: 520px;
    margin: 0px 0px 0px 220px;
    padding-top: 55px;
    border: 2px navy;
    }

    img {
    border: none;
    }

    /**************************************************/
    /* Bottom */
    /**************************************************/

    #bottom {
    background: url(images/bgbottom.png) bottom center no-repeat;
    width: 800px;
    height: 120px;
    }



    Und das ist mein ergebniss dabei: http://www.abload.de/image.php?img=1n4ab.png

    Wie fülle ich nun das Bild aus??

    Ich danke euch für eure Hilfe
    Hi auch dir als unregistrierter user lege ich erstmal ans herz dir auch selbst zu helfen.

    http://validator.w3.org/check?uri=ht...Inline&group=0

    http://jigsaw.w3.org/css-validator/v...ning=1&lang=de

    Mach mal das es etwas grüüüüüüüüüüner wird wenns denn schon XHTML 1.1. sein muss. DANKE

  3. #3
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Hilfe bei CSS-Problem

    Also sama, was willst du bei nem screenshot validieren?... Der hoster hat ja wohl nichts damit zu tun.

    background: url(images/header.png) top center no-repeat;

    schreib da mal die adresse des Bildes hin, wenns nicht funktioniert, musst du einen hellseher kontaktieren.

    /ps. fals du nichts mit background bei CSS anfangen kannst - schau bitte selbst nach, dafür gibts massig erklärungen....

  4. #4
    Kämpfer
    Gast

    Standard AW: Hilfe bei CSS-Problem

    Egal wo ich hinkomme, Korrekter Quellcode und Validierung scheint nur wenige wirklich zu interessieren, ihr werdet euch bald noch wundern. vielleicht liegts ja hieran http://www.xing.com/net/w3cug/vor-un...eurer-2071826/

  5. #5
    Interessierte/r
    Registriert seit
    19.10.2005
    Beiträge
    147
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe bei CSS-Problem

    Für mich sieht das aus wie ein "uncleared float" ...
    Das Menü ist per float:left; nach links geschoben und dewegen interessiert dass den Hintergrund irgendwie nicht (ich kenn das nur zu gut).

    Lösung wäre meiner meinung nach ein
    HTML-Code:
    <div style="clear:both"></div>
    nach dem content-div im HTML-Code ...

    Aber ohne Quelltext kann ich nicht mehr dazu sagen. Vllt jmd anneres.

  6. #6
    minder
    Gast

    Standard AW: Hilfe bei CSS-Problem

    der code tag hat auch eine berechtigung

Ähnliche Themen

  1. Hilfe? Job - Problem
    Von Naddel91 im Forum Off Topic und Quasselbox
    Antworten: 11
    Letzter Beitrag: 10.05.2009, 00:24
  2. DSL Lan Problem Hilfe
    Von im Forum Computer - Internet Forum
    Antworten: 7
    Letzter Beitrag: 27.06.2007, 21:21
  3. HILFE...Flash Problem
    Von kathi87 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 17.06.2007, 15:10
  4. frameborder problem *hilfe*
    Von html_bubbi im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 25.01.2005, 20:34
  5. Icq Connection Problem HILFE plz
    Von Cyphedias im Forum Off Topic und Quasselbox
    Antworten: 0
    Letzter Beitrag: 16.11.2004, 14:31

Stichworte

Berechtigungen

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