1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Brauch Hilfe bei CSS... !!!

Dieses Thema im Forum "PHP & Co." wurde erstellt von el_speciale, 25.03.10.

  1. el_speciale

    el_speciale Granny Smith

    Dabei seit:
    18.01.09
    Beiträge:
    13
    Hey Apfeltalker,
    ich hab hier eine CSS-Datei. Bin zwar nicht der beste in CSS aber den "Body" hab ich Linksbündig bekommen. Jetzt muss ich nur noch den Content Linksbündig bekommen. Kann mir einer helfen ? Hier ist der Text:

    /* begin Page */


    body
    {
    margin: 0 auto;
    padding: 0;
    background-color: #FFFFFF;
    }

    .Main
    {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    }



    .PageBackgroundSimpleGradient
    {
    background-image: url('images/Page-BgSimpleGradient.jpg');
    background-repeat: repeat-x;
    height: 800px;
    }

    .cleared
    {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    font-size:1px;
    }


    /* end Page */

    /* begin Box, Sheet */
    .Sheet
    {
    overflow: hidden;
    min-width:41px;
    min-height:41px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 1000px;
    }


    .Sheet-body
    {
    position: relative;
    z-index: 0;
    margin: 5px;
    }

    .Sheet-tl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-tr
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    }

    .Sheet-tr div
    {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -30px;
    width: 60px;
    height: 60px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-bl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    }

    .Sheet-bl div
    {
    position: absolute;
    z-index: -1;
    top: -30px;
    left: 0;
    width: 60px;
    height: 60px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-br
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    }

    .Sheet-br div
    {
    position: absolute;
    z-index: -1;
    top: -30px;
    left: -30px;
    width: 60px;
    height: 60px;
    background-image: url('images/Sheet-s.png');
    }

    .Sheet-tc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 0;
    left: 30px;
    right: 30px;
    height: 30px;
    }

    .Sheet-tc div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url('images/Sheet-h.png');
    }

    .Sheet-bc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    bottom: 0;
    left: 30px;
    right: 30px;
    height: 30px;
    }

    .Sheet-bc div
    {
    position: absolute;
    z-index: -1;
    top: -30px;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url('images/Sheet-h.png');
    }

    .Sheet-cl
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 30px;
    left: 0;
    width: 30px;
    bottom: 30px;
    }

    .Sheet-cl div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background-image: url('images/Sheet-v.png');
    }

    .Sheet-cr
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 30px;
    right: 0;
    width: 30px;
    bottom: 30px;
    }

    .Sheet-cr div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -30px;
    width: 60px;
    height: 100%;
    background-image: url('images/Sheet-v.png');
    }

    .Sheet-cc
    {
    position: absolute;
    overflow:hidden;
    z-index: -2;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    background-image: url('images/Sheet-c.png');
    }


    .Sheet
    {
    margin-top: 30px !important;
    }
    /* end Box, Sheet */

    /* begin Menu */
    /* menu structure */

    .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
    {
    text-align:left;
    text-decoration:none;
    outline:none;
    letter-spacing:normal;
    word-spacing:normal;
    }

    .artmenu, .artmenu ul
    {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    }

    .artmenu li
    {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    background:none;
    }

    .artmenu li:hover
    {
    z-index: 10000;
    white-space: normal;
    }

    .artmenu li li
    {
    float: none;
    }

    .artmenu ul
    {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background:none;
    }

    .artmenu li:hover>ul
    {
    visibility: visible;
    top: 100%;
    }

    .artmenu li li:hover>ul
    {
    top: 0;
    left: 100%;
    }

    .artmenu:after, .artmenu ul:after
    {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
    }
    .artmenu, .artmenu ul
    {
    min-height: 0;
    }

    .artmenu ul
    {
    background-image: url(images/spacer.gif);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
    }

    .artmenu ul ul
    {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
    }


    /* menu structure */

    .nav
    {
    position: relative;
    margin: 0 auto;
    width: 990px;
    height: 38px;
    z-index: 100;
    }

    .artmenu
    {
    padding: 4px 15px 4px 15px;
    }


    .nav .l, .nav .r, .nav .r div
    {
    top: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    height: 38px;
    }

    .nav .l
    {
    left: 0;
    right: 15px;
    }


    .nav .r
    {
    right: 0;
    width: 15px;
    }


    .nav .r div
    {
    width: 990px;
    right: 0;
    }


    .nav .l, .nav .r div
    {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url('images/nav.png');
    }

    /* end Menu */

    /* begin MenuItem */
    .artmenu ul li
    {
    clear: both;
    }

    .artmenu a , .artmenu a span
    {
    height: 30px;
    display: block;
    }


    .artmenu a
    {
    cursor: pointer;
    text-decoration: none;
    margin-right: 2px;
    margin-left: 2px;

    }
    .artmenu a
    {
    background-image: url('images/item-left.png');
    background-position: left top;
    background-repeat: no-repeat;
    }

    .artmenu a span
    {
    background-image: url('images/item-right.png');
    background-position: right top;
    background-repeat: no-repeat;
    }
    .artmenu a span span
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    padding: 0 19px;
    margin: 0 4px;
    line-height: 30px;
    text-align: center;
    background-image: url('images/item-center.png');
    background-position: left top;
    background-repeat: repeat-x;

    }


    .artmenu a:hover
    {
    background-position: left -30px;
    }

    .artmenu li:hover>a
    {
    background-position: left -30px;
    }
    .artmenu li:hover a span
    {
    background-position: right -30px;
    }

    .artmenu a:hover span
    {
    background-position: right -30px;
    }


    .artmenu a:hover span span
    {
    color: #F4F5F0;
    background-position: left -30px;
    }

    .artmenu li:hover a span span
    {
    color: #F4F5F0;
    background-position: left -30px;
    }


    .artmenu a.active
    {
    background-position: left -60px;
    }

    .artmenu a.active span
    {
    background-position: right -60px;
    }

    .artmenu a.active span span
    {
    color: #F2F3EC;
    background-position: left -60px;
    }

    /* end MenuItem */

    /* begin MenuSeparator */
    .nav .separator
    {
    display: block;
    width: 2px;
    height: 30px;
    background-image: url('images/item-separator.png');
    }
    /* end MenuSeparator */

    /* begin Header */
    div.Header
    {
    margin: 0 auto;
    position: relative;
    width: 990px;
    height: 225px;
    }


    div.Header div.Header-c
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('images/Header.gif');
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */

    /* begin Logo */
    .logo
    {
    display : block;
    position: absolute;
    left: 50px;
    top: 27px;
    width: 940px;
    }

    h1., h1. a, h1. a:link, h1. a:visited, h1. a:hover
    {

    }

    .logo-text, .logo-text a
    {
    display: block;
    padding:0;
    margin:0;
    text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #E2EB98 !important;
    }
    /* end Logo */

    /* begin Box, Block */
    .Block
    {
    overflow: hidden;
    min-width:15px;
    min-height:15px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    }


    .Block-body
    {
    position: relative;
    z-index: 0;
    margin: 5px;
    }

    .Block-tl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    background-image: url('images/Block-s.png');
    }

    .Block-tr
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    }

    .Block-tr div
    {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -7px;
    width: 14px;
    height: 14px;
    background-image: url('images/Block-s.png');
    }

    .Block-bl
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 7px;
    }

    .Block-bl div
    {
    position: absolute;
    z-index: -1;
    top: -7px;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url('images/Block-s.png');
    }

    .Block-br
    {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 7px;
    height: 7px;
    }

    .Block-br div
    {
    position: absolute;
    z-index: -1;
    top: -7px;
    left: -7px;
    width: 14px;
    height: 14px;
    background-image: url('images/Block-s.png');
    }

    .Block-tc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 0;
    left: 7px;
    right: 7px;
    height: 7px;
    }

    .Block-tc div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 14px;
    background-image: url('images/Block-h.png');
    }

    .Block-bc
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    bottom: 0;
    left: 7px;
    right: 7px;
    height: 7px;
    }

    .Block-bc div
    {
    position: absolute;
    z-index: -1;
    top: -7px;
    left: 0;
    width: 100%;
    height: 14px;
    background-image: url('images/Block-h.png');
    }

    .Block-cl
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 7px;
    left: 0;
    width: 7px;
    bottom: 7px;
    }

    .Block-cl div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 14px;
    height: 100%;
    background-image: url('images/Block-v.png');
    }

    .Block-cr
    {
    position: absolute;
    overflow:hidden;
    z-index: -1;
    top: 7px;
    right: 0;
    width: 7px;
    bottom: 7px;
    }

    .Block-cr div
    {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -7px;
    width: 14px;
    height: 100%;
    background-image: url('images/Block-v.png');
    }

    .Block-cc
    {
    position: absolute;
    overflow:hidden;
    z-index: -2;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    background-image: url('images/Block-c.png');
    }


    .Block
    {
    margin: 7px;
    }

    .Block table.table
    {
    border-collapse: collapse;
    margin: 1px;
    }

    .Block table.table th, .Block table.table td
    {
    padding: 2px;
    }


    .Block table.table td
    {
    vertical-align: top;
    }
    /* end Box, Block */

    /* begin BlockHeader */
    .BlockHeader
    {
    position: relative;
    overflow: hidden;
    height: 30px;
    z-index: 0;
    line-height: 30px;
    padding: 0 6px;
    margin-bottom: 7px;

    }

    .BlockHeader-text
    {
    white-space : nowrap;
    color: #2D3413;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 30px;
    }


    .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
    {
    top: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    height: 30px;
    }

    .BlockHeader .l
    {
    left: 0;
    right: 7px;
    }


    .BlockHeader .r
    {
    right: 0;
    width: 7px;
    }


    .BlockHeader .r div
    {
    width: 990px;
    right: 0;
    }


    .BlockHeader .l, .BlockHeader .r div
    {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url('images/BlockHeader.png');
    }



    .header-tag-icon
    {
    display:inline-block;
    background-position:left top;
    background-image: url('images/BlockHeaderIcon.png');
    padding:0 0 0 17px;
    background-repeat: no-repeat;
    min-height: 11px;
    margin: 0 0 0 5px;
    }




    /* end BlockHeader */

    /* begin Box, BlockContent */
    .BlockContent
    {
    overflow: hidden;
    min-width:1px;
    min-height:1px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    }


    .BlockContent-body
    {
    position: relative;
    z-index: 0;
    margin: 6px;
    }


    .BlockContent-body
    {
    color:#15160E;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 125%;
    }

    .BlockContent-body a:link
    {
    color: #black;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }

    .BlockContent-body a:visited
    {
    color: #black;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }

    .BlockContent-body a:hover
    {
    color: #000000;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    }


    .BlockContent-body ul
    {
    list-style-type: none;
    color: #2A2B1C;
    margin:0;
    padding:0;
    }

    .BlockContent-body li
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    text-decoration: none;
    }

    .BlockContent-body ul li
    {
    padding:0px 0 0px 13px;
    background-image: url('images/BlockContentBullets.png');
    background-repeat:no-repeat;
    margin:0.5em 0 0.5em 0;
    line-height:1.2em;
    }

    /* end Box, BlockContent */

    /* begin Box, Post */
    .Post
    {
    overflow: hidden;
    min-width:1px;
    min-height:1px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    }


    .Post-body
    {
    position: relative;
    z-index: 0;
    margin: 10px;
    }


    .Post
    {
    margin: 10px;
    }


    /* Start images */
    a img
    {
    border: 0;
    }

    img
    {
    border-style: solid;
    border-width: 0px;
    border-color: #CED1B8;
    }

    img.metadata-icon
    {
    border:none;
    vertical-align: middle;
    }

    /* Finish images */

    /* end Box, Post */

    /* begin PostHeaderIcon */
    .PostHeaderIcon-wrapper
    {
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:bold;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    color: #0A0B04;
    }
    /* end PostHeaderIcon */

    /* begin PostHeader */
    a.PostHeader:link
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #131608;
    }

    a.PostHeader:visited
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #3C3E28;
    }

    a.PostHeader:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    text-transform: uppercase;
    color: #black;
    }
    /* end PostHeader */

    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #090906
    }

    .PostContent
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #090906
    }


    /* Start Content link style */
    /*
    The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
    http://www.w3schools.com/CSS/css_pseudo_classes.asp
    http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
    */
    a
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    letter-spacing: 1px;
    color: #000000
    }

    /* Adds special style to an unvisited link. */
    a:link
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    letter-spacing: 1px;
    color: #000000
    }

    /* Adds special style to a visited link. */
    a:visited
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    letter-spacing: 1px;
    color: #black
    }

    /* :hover - adds special style to an element when you mouse over it. */
    a:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    letter-spacing: 1px;
    color: black
    }
    /* Finish Content link style */

    /* Resert some headings default style & links default style for links in headings*/
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
    {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }



    }

    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: left;
    color: #black;
    }

    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    color: #black;
    }

    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    color: #090906;
    }

    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    color: #090906;
    }

    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    color: #090906;
    }
    /* Finish Content headings Fonts & Colors */
    /* end PostContent */

    /* begin PostBullets */
    /* Start Content list */

    ul
    {
    list-style-type: none;
    color: #0A0B04;
    margin:0;
    padding:0;
    }

    li
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 12px;
    }



    .Post ul li
    {
    padding:0px 0 0px 10px;
    background-image: url('images/PostBullets.png');
    background-repeat:no-repeat;
    margin:0.5em 0 0.5em 0;
    line-height:1.2em;
    }


    /* Finish Content list */
    /* end PostBullets */

    /* begin PostQuote */
    /* Start blockquote */

    blockquote p
    {
    color:#15160E;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 17px;
    margin-right: 0px;
    margin-top: 17px;
    margin-bottom: 17px;
    }

    blockquote
    {
    border:1px solid #CED1B8;

    margin:10px 10px 10px 50px;
    padding:5px 5px 5px 41px;

    background-color:#EEEFE6;

    background-image:url('images/PostQuote.png');
    background-position:left top;
    background-repeat:no-repeat;
    }



    /* Finish blockuote */
    /* end PostQuote */

    /* begin Button */
    button.Button, a.Button
    {
    position:relative;
    display:inline-block;
    width: auto;
    outline:none;
    border:none;
    background:none;
    line-height:34px;
    height:34px;
    margin:0;
    padding:0;
    overflow: visible;
    cursor: default;
    text-decoration: none;
    }


    /*This HACK needed for ie7 (button position)*/
    *:first-child+html button.Button, *:first-child+html a.Button
    {
    display:list-item;
    list-style-type:none;
    float:left;
    }


    .Button .btn
    {
    position: relative;
    overflow: hidden;
    display: block;
    width: auto;
    z-index: 0;
    height: 34px;
    color: #F2F5E5;
    white-space: nowrap;
    float: left;
    }

    .Button .t
    {
    height: 34px;
    white-space: normal;
    padding: 0 21px;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    line-height: 34px;
    text-decoration: none;
    }

    input, select
    {
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    }

    .Button .active
    {
    color: #F6F9E1;
    }

    .Button .hover, a.Button:hover
    {
    color: #363824;
    text-decoration:none;
    }

    .Button .active .r
    {
    top: -68px;
    }

    .Button .hover .r
    {
    top: -34px;
    }

    .Button .r
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width: 8px;
    height: 102px;
    }


    .Button .r span
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    right: 0;
    width:411px;
    height: 102px;
    }


    .Button .active .l
    {
    top: -68px;
    }

    .Button .hover .l
    {
    top: -34px;
    }

    .Button .l
    {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    right: 8px;
    height: 102px;
    }


    .Button .l, .Button .r span
    {
    background-image: url('images/Button.png');
    }

    /* end Button */

    /* begin Footer */
    .Footer
    {
    position:relative;
    z-index:0;
    overflow:hidden;
    width: 990px;
    margin: 5px auto 0px auto;
    }

    .Footer .Footer-inner
    {
    height:1%;
    position: relative;
    z-index: 0;
    padding: 5px;
    text-align: center;
    }

    .Footer .Footer-background
    {
    position:absolute;
    z-index:-1;
    background-repeat:no-repeat;
    background-image: url('images/Footer.png');
    width: 990px;
    height: 100px;
    bottom:0;
    left:0;
    }



    .Footer .Footer-text p
    {
    margin: 0;
    }

    .Footer .Footer-text
    {
    display:inline-block;
    color:#3F412A;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    letter-spacing: 0px;
    }

    .Footer .Footer-text a:link
    {
    text-decoration: none;
    color: #5D6C28;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    letter-spacing: 0px;
    }

    .Footer .Footer-text a:visited
    {
    text-decoration: none;
    color: #56593A;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: 0px;
    }

    .Footer .Footer-text a:hover
    {
    text-decoration: none;
    color: #BA4B1C;
    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    text-decoration: underline;
    letter-spacing: 0px;
    }
    /* end Footer */

    /* begin PageFooter */
    .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
    {
    font-family:Arial;
    font-size:10px;
    letter-spacing:normal;
    word-spacing:normal;
    font-style:normal;
    font-weight:normal;
    text-decoration:underline;
    color:#819537;
    }

    .page-footer
    {
    margin:1em;
    text-align:center;
    text-decoration:none;
    color:#9BA06E;
    }
    /* end PageFooter */

    /* begin LayoutCell */
    .contentLayout .sidebar1
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 197px;
    }

    .clear-float
    {
    float:none;
    clear:both;
    }
    /* end LayoutCell */

    /* begin LayoutCell */
    .contentLayout .content
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 595px;
    }

    .contentLayout .content2
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    width: 788px;
    }

    .clear-float
    {
    float:none;
    clear:both;
    }
    /* end LayoutCell */

    /* begin LayoutCell */
    .contentLayout .sidebar2
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 197px;
    }

    .clear-float
    {
    float:none;
    clear:both;
    }
    /* end LayoutCell */



    .contentLayout li
    {
    float: none;
    }

    .componentheading, table.moduletable th
    {
    font-size: 140%; padding: .5em 0em;
    }

    #footer
    {
    text-align: center;
    }

    .breadcrumbs
    {
    display: block; padding: .7em 0em;
    }

    /*
    .contentpaneopen td.contentheading
    {
    font-size: 130%; padding: .5em 0em;
    }
    */

    .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
    {
    font-size: 75%; padding-bottom: 1em;
    }

    .article_column
    {
    padding-right: .2em;
    }

    .column_separator
    {
    padding-left: .4em;
    }

    .pagination span
    {
    padding: 2px;
    }
    .pagination a
    {
    padding: 2px;
    }


    div.offline {
    background: #fffebb;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2em;
    padding: 5px;
    }

    span.pathway {
    display: block;
    margin: 0 20px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    }

    /* headers */
    div.componentheading {
    padding-left: 0px;
    }
    /*
    .contentheading {
    padding: 0;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    vertical-align: bottom;
    color: #333;
    text-align: left;
    width: 100%;
    }
    */
    .componentheading, table.moduletable th, legend {
    margin: 0;
    font-weight: bold;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    padding-left: 0px;
    margin-bottom: 10px;
    text-align: left;
    }

    /*table.contentpaneopen h3 {
    margin-top: 25px;
    }*/

    /* small text */
    /*.small {
    font-size: .90em;
    color: #999;
    font-weight: normal;
    text-align: left;
    }

    .modifydate {
    height: 20px;
    vertical-align: bottom;
    font-size: .90em;
    color: #999;
    font-weight: normal;
    text-align: left;
    }

    .createdate {
    height: 20px;
    vertical-align: top;
    font-size: .90em;
    color: #999;
    font-weight: normal;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 0px;

    }*/

    /*a.readon {
    margin-top: 10px;
    background: url(../images/mw_readon.png) top right no-repeat;
    padding-right: 20px;
    line-height: 14px;
    height: 16px;
    }*/

    /* form validation */
    .invalid { border-color: #ff0000; }
    label.invalid { color: #ff0000; }


    /** overlib **/

    .ol-foreground {
    background-color: #f6f6f6;
    }

    .ol-background {
    background-color: #666;
    }

    .ol-textfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    }

    .ol-captionfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f6f6f6;
    font-weight: bold;
    }
    .ol-captionfont a {
    color: #0B55C4;
    text-decoration: none;
    font-size: 12px;
    }

    .ol-closefont {

    }

    /* menu links */
    a.mainlevel:link, a.mainlevel:visited {
    padding-left: 5px;
    }

    a.mainlevel:hover {

    }

    /* spacers */
    span.article_separator {
    display: block;
    height: 20px;
    }

    .article_column {
    padding-right: 5px;
    }

    .column_separator {
    border-left: 1px dashed #e0e0e0;
    padding-left: 10px;
    }

    td.buttonheading {

    }

    td.buttonheading img {
    border:none;
    }

    .clr {
    clear: both;
    }

    td.greyline {
    width: 20px;
    background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
    }

    div#maindivider {
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
    height: 1px;
    }

    table.blog span.article_separator {
    display: block;
    height: 20px;
    }

    /* edit button */
    .contentpaneopen_edit{
    float: left;
    }

    /* table of contents */
    table.contenttoc {
    margin: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    float: right;
    }

    table.contenttoc td {
    padding: 0 5px;
    }


    /* content tables */
    td.sectiontableheader {
    color: #333;
    font-weight: bold;
    padding: 4px;
    border-right: 1px solid #fff;
    background-color: #6e7a6c;
    }

    .sectiontableentry2 {
    background-color: #FFFFFF;
    }

    tr.sectiontableentry0 td,
    tr.sectiontableentry1 td,
    tr.sectiontableentry2 td {
    /*padding: 4px;*/
    }

    td.sectiontableentry0,
    td.sectiontableentry1,
    td.sectiontableentry2 {
    /*padding: 3px;*/
    }


    /* content styles */
    table.contentpaneopen, table.contentpane {
    margin: 0;
    padding: 0;
    width: auto;
    }

    table.contentpaneopen li {
    margin-bottom: 5px;
    }

    table.contentpaneopen fieldset {
    border: 0;
    border-top: 1px solid #ddd;
    }

    table.contentpaneopen h3 {
    margin-top: 25px;
    }

    table.contentpaneopen h4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    }

    .highlight {
    background-color: #fffebb;
    }

    /* module control elements */
    table.user1user2 div.moduletable {
    margin-bottom: 0px;
    }

    div.moduletable, div.module {
    margin-bottom: 25px;
    }

    div.module_menu h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #eee;
    margin: -23px -4px 5px -5px;
    padding-left: 10px;
    padding-bottom: 2px;
    }

    div.module_menu {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    }

    div.module_menu div div div {
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 15px;
    width: auto;
    }

    div.module_menu div div div div {
    background: none;
    padding: 0;
    }

    div.module_menu ul {
    margin: 10px 0;
    padding-left: 20px;
    }

    div.module_menu ul li a:link, div.module_menu ul li a:visited {
    font-weight: bold;
    }

    #leftcolumn div.module {
    padding: 0 10px;
    }

    #leftcolumn div.module table {
    width: auto;
    }

    /* forms */
    table.adminform textarea {
    width: 540px;
    height: 400px;
    font-size: 1em;
    color: #000099;
    }

    div.search input {
    width: 145px;
    border: 1px solid #ccc;
    margin: 15px 0 10px 0;
    }

    form#form-login { text-align: left; }
    form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
    form#form-login ul { list-style-type: none; margin: 0; padding: 0; }
    form#form-login ul li { background-image: none; padding: 0; }
    #modlgn_username, #modlgn_passwd {width: 90%}
    #form-login-username, #form-login-password, #form-login-remember {display:block; margin: 0;}
    #form-login input

    form#com-form-login { text-align: left; }
    form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
    form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; }
    form#com-form-login ul li { background-image: none; padding: 0; }

    /* thumbnails */
    div.mosimage { margin: 5px; }
    div.mosimage_caption { font-size: .90em; color: #666; }

    div.caption { padding: 0 10px 0 10px; }
    div.caption img { border: 1px solid #CCC; }
    div.caption p { font-size: .90em; color: #666; text-align: center; }

    /* Parameter Table */
    table.paramlist {
    margin-top: 5px;
    }

    table.paramlist td.paramlist_key {
    width: 128px;
    text-align: left;
    height: 30px;
    }

    table.paramlist td.paramlist_value {
    }

    div.message {
    font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 14px;
    color : #c30;
    text-align: center;
    width: auto;
    background-color: #f9f9f9;
    border: solid 1px #d5d5d5;
    margin: 3px 0px 10px;
    padding: 3px 20px;
    }

    /* Banners module */

    #banner {
    position:relative;
    left:420px;
    top:50px;
    width:500px;
    }
    /* Default skyscraper style */
    .bannergroup {
    }

    .banneritem img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    /* Text advert style */

    .banneritem_text {
    padding: 4px;
    font-size: 11px;
    }

    .bannerfooter_text {
    padding: 4px;
    font-size: 11px;
    background-color: #F7F7F7;
    text-align: right;
    }

    /* System Messages */
    /* see system general.css */

    .pagination span { padding: 2px; }
    .pagination a { padding: 2px; }

    /* Polls */
    .pollstableborder {
    margin-top: 8px;
    }


    .pollstableborder td {
    text-align: left;

    }

    /* WebLinks */
    span.description {
    display:block;
    padding-left: 30px;
    }

    /* Frontend Editing*/
    fieldset {
    border: 1px solid #ccc;
    margin-top: 15px;
    padding: 15px;
    }

    legend {
    margin: 0;
    padding: 0 10px;
    }

    td.key {
    border-bottom:1px solid #eee;
    color: #666;
    }

    /* Tooltips */

    .tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px;
    }

    .tool-title {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
    }

    .tool-text {
    font-size: 100%;
    margin: 0;
    }

    /* System Standard Messages */
    #system-message { margin-bottom: 20px; }

    #system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

    /* System Error Messages */
    #system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

    /* System Notice Messages */
    #system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

    #syndicate{
    float:left;
    padding-left: 25px;
    }

    /* Component Specific Fixes */

    #component-contact table td {
    padding: 2px 0;
    }

    .PostMetadataHeader {

    color: #136f41;
    }

    #search {
    float:right;
    margin-right:28px;
    bottom:80px;
    position:relative;
    }

    #user1 {
    float:left;
    width:50%
    }

    #user2 {
    float:left;
    width:50%
    }



    Vielen Dank für jeden Tipp
     
  2. P|K

    P|K Idared

    Dabei seit:
    18.12.08
    Beiträge:
    28
    Also ich bin mir gerade nicht im Klaren, ob du den <div> oder den Text „linksbündig“ machen möchtest. Für den <div> benötigst du ein „float: left;“ und für den Text ein „text-align: left;“.

    Versuche mal, ob du damit klar kommst, wenn nicht --> PM

    Gruuß
    P|K
     
  3. ProCoder

    ProCoder Granny Smith

    Dabei seit:
    24.03.10
    Beiträge:
    12
    Hallo,

    Und dein ganzen CSS Code musst du auch nicht posten!

    Wie oben schon genannt machst du mit float: left; und einem DIV der overflow: hidden; besitzt.

    mfg
    ProCoder
     

Diese Seite empfehlen