rollover geht nicht

    hi zusammen
    ich bin absulut ein anfänger was css angeht


    hoffentlich könnt ihr mir weiter helfen.


    eigentlich soll es ein rollover werden. nur hab ich das problem das es nicht will wie ich.


    wenn der rollover oben rechts geht im header geht er unten links nicht
    im header. vielleicht könnt ihr mir helfen wo der fehler liegt


    wäre echt lieb




    lg indra




    /*Links*/


    a {text-decoration: none;}


    #subheader a {


    background:-moz-linear-gradient(bottom,#cc0000,#febf01); /* Firefox */


    background:-webkit-gradient(linear,left top,left bottom,from(#cc0000),to(#febf01)); /* Chrome, Safari */


    filter: progid:DXImageTransform.Microsoft.gradient(start


    Colorstr='#cc0000',endColorstr='#febf01'); /* Internet Explorer */


    }


    #subheader a{


    background:-moz-linear-gradient(bottom,#cc0000,#ffffff); /* Firefox */


    background:-webkit-gradient(linear,left top,left bottom,from(#cc0000),to(#ffffff)); /* Chrome, Safari */


    filter: progid:DXImageTransform.Microsoft.gradient(start


    Colorstr='#cc0000',endColorstr='#ffffff'); /* Internet Explorer */


    }


    * html #subheader a {margin: 0 0.2em;}


    #subheader a span{


    display: block;


    float:left;


    height: 2em;


    line-height: 2em;


    padding: 0 0.5em;


    background:


    }


    #subheader a:hover, #subheader .active a, #subheader .current-link a{


    background: #d1d1d1 url(images/navtab_hbg.jpg) repeat-x top right;


    }


    #subheader a:hover span, #subheader .active span, #subheader .current-link span{


    background-image: url(images/navtab_hl.jpg);

    Hallo,
    könntest du evtl das dazugehörige Html posten bitte?
    Und deinen Code kannst du in solche Klammern setzen: [/code] / [/code] (musst nur die Klammer auch am anfang anfangen nur ohne '/') ;)
    das macht das ganze übersichtlicher :love:
    Grüße Wolf

    /*General*/
    html {font-size: 75%;}
    body {
    color: #3d3d3d;
    }
    * {
    font-family: Verdana, Arial, Sans, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
    }
    ul, ol, dl {margin: 0.5em 1em}
    li {margin-left: 1.5em; line-height: 1.5em;}
    option {padding-left: 0.75em}
    #subheader ul, #subheader li, #userbar ul, #userbar li, #navigation ul, #navigation li {margin: 0; line-height: inherit;}


    /*Links*/
    a {text-decoration: none;}
    #subheader a{
    background:-moz-linear-gradient(bottom,#cc0000,#febf01); /* Firefox */
    background:-webkit-gradient(linear,left top,left bottom,from(#cc0000),to(#febf01)); /* Chrome, Safari */
    filter: progid:DXImageTransform.Microsoft.gradient(start
    Colorstr='#cc0000',endColorstr='#febf01'); /* Internet Explorer */
    }
    #subheader a{
    background:-moz-linear-gradient(bottom,#cc0000,#ffffff); /* Firefox */
    background:-webkit-gradient(linear,left top,left bottom,from(#cc0000),to(#ffffff)); /* Chrome, Safari */
    filter: progid:DXImageTransform.Microsoft.gradient(start
    Colorstr='#cc0000',endColorstr='#ffffff'); /* Internet Explorer */
    }
    * html #subheader a {margin: 0 0.2em;}
    #subheader a span{
    display: block;
    float:left;
    height: 2em;
    line-height: 2em;
    padding: 0 0.5em;
    background:
    }
    #subheader a:hover, #subheader .active a, #subheader .current-link a{
    background: #d1d1d1 url(images/navtab_hbg.jpg) repeat-x top right;
    }
    #subheader a:hover span, #subheader .active span, #subheader .current-link span{
    background-image: url(images/navtab_hl.jpg);
    }
    #links a{
    line-height: 1.6em;
    height: 1.6em;
    font-size: 0.9em;
    margin-right: 0.3em;
    }
    #links a:hover {
    color: #ccc;
    }
    #footer a {
    color: #fff;
    }
    #anchors a {
    line-height: 1.6em;
    font-size: 1em;
    color: #444;
    margin-left: 0.5em;
    }
    #anchors a:active, #anchors a:focus, #anchors a:hover{color: #fff;}
    .admin-message a{
    color: #fff;
    text-decoration: underline;
    }



    /*Structure*/
    #header{
    padding: 13px 13px 0 13px;
    }
    #header_bg{
    position: relative;
    background: #242424 url(images/header_bg.jpg) no-repeat bottom right;
    }
    #subheader{
    float: left;
    height: 1.9em;
    overflow: hidden;
    }
    #subheader ul{
    display: table;
    white-space: nowrap;
    right: 0 !important;
    padding: 0 !important;
    }
    #subheader li{
    display: table-cell;
    }
    #mainheader{
    padding: 0.5em;
    }
    #userbar{
    height: 1.8em;
    position: relative;
    font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
    }
    #userbar ul li, #subheader ul li {
    float: left;
    list-style: none;
    }
    #links{
    position: absolute;
    right: 0.5em;
    top: 0;
    }
    #tab{
    position: absolute;
    right: -13px;
    bottom: 0;
    margin-top: 0.1em;
    width: 210px;
    height: 23px;
    background: transparent url(images/tab_l.gif) repeat-x bottom left;
    }
    #tab_r{
    height: 23px;
    line-height: 23px;
    padding: 0 1em;
    }
    #footer {
    width: 90%;
    color: #ccc;
    border: 1px solid #ccc;
    margin: 1.5em auto;
    padding: 1em;
    font-size: 0.8em;
    }
    #subfooter{
    width: 90%;
    margin: 0.5em auto;
    color: #fff;
    font-size: 0.8em;
    }
    #main {
    left: 0;
    position: absolute;
    top: 10px;
    }
    #cont{
    margin: 0 1em 1em 1em;
    background: #d1d1d1;
    }
    #corner_bl{padding-bottom: 5px;}
    *+html #corner_bl{padding-bottom: 0em; overflow: hidden;}
    * html #corner_bl{padding-bottom: 0;}
    #main-bg {
    line-height: 1.45em;
    padding: 1em 0.25em;
    }
    * html #main-bg, * html #cont{
    height: 1%;
    width: auto;
    background: transparent;
    }
    #side-border-left {
    width: 15em;
    max-width: 15em;
    padding: 1em 0.75em;
    float: left;
    display: inline;
    }
    #side-border-right {
    width: 15em;
    max-width: 15em;
    padding: 1em 0.75em;
    float: right;
    display: inline;
    }
    .side-both #main-bg {margin: 0 16.5em;}
    .side-left #main-bg {margin: 0 0.5em 0 16.5em;}
    .side-right #main-bg {margin: 0 16.5em 0 0.5em;}



    /*Navigation Panel*/
    #navigation{ margin: -0.4em; }
    #navigation h2, .side-label {
    color: #fff;
    font-size: 1.1em;
    padding: 0.25em;
    margin-bottom: 1px;
    font-weight: 700;
    }
    #navigation ul {
    margin: 0;
    display: block;
    list-style-type: none;
    line-height: 1.2em;
    }
    #navigation .bullet {display: none;}
    * html #navigation ul li, #navigation a {height: 1%;}
    #navigation a {
    background-color: #ede9e4;
    display: block;
    text-decoration : none;
    margin-bottom: 1px;
    }
    #navigation a span{
    color: #000;
    display: block;
    height: 1.7em;
    line-height: 1.7em;
    padding: 0 0.5em;
    }
    #navigation a:hover {color: #fff;}



    /*Misc Styles*/
    .comment-avatar {
    padding-right: 6px;
    float: left;
    }
    .pagenav {padding: 0.4em;}
    .pagenav span, .pagenav a, .pagenav a:hover {
    color: #ccc;
    border: 1px solid #ccc;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin: 0.2em;
    text-decoration: none;
    }
    .pagenav a {
    color: #333;
    }
    .panelbutton{
    margin: 0.5em 0;
    }
    .textbox, .button {
    border-width: 1px;
    font-size: 1em;
    margin-top: 0.1em;
    padding: 0.25em;
    }
    .textbox{
    border-style: inset;
    }
    .button{
    color: #fff;
    border-style: outset;
    font-weight: bold;
    }
    .bbcode{
    background: #f0f0f0;
    border: 1px solid #ccc;
    }
    .news-category {
    float: left;
    margin: 0.2em 0.5em 0 0;
    }
    .news-footer-img {vertical-align: middle;}
    .panelcap {
    font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
    color: #000;
    font-size: 1.2em;
    line-height: 1.75em;
    display: block;
    height: 1.75em;
    font-weight: 500;
    background: #242424 url(images/panelcap_bg.jpg) repeat-x top;
    }
    .panelcap span {
    display: block;
    background: transparent url(images/panelcap_r.jpg) no-repeat top right;
    }
    .panelcap span span {
    display: block;
    padding: 0 0.75em;
    background: transparent url(images/panelcap_l.jpg) no-repeat top left;
    }
    .navcap_r{
    margin: -1px -1px 0 0;
    background: transparent url(images/navcap_r.jpg) no-repeat top right;
    }
    .navcap_l{
    margin: -1px 0 0 -1px;
    background: transparent url(images/navcap_l.jpg) no-repeat top left;
    }
    .panelbody {
    z-index: 1000;
    background: #f7f7f7 url(images/panelbody_bg.jpg) repeat-x bottom;
    margin-bottom: 1em;
    border-bottom: 1px solid #b0b0b0;
    border-left: 1px solid #fff;
    border-right: 1px solid #c7c7c7;
    }
    .panel_r{
    margin: 0 -1px -1px 0;
    background: transparent url(images/panelbody_r.jpg) no-repeat bottom right;
    }
    .navcap_r .panel_r{margin: 0 0 -1px 0;}
    .panel_l{
    margin: 0 0 -1px -1px;
    padding: 0.75em;
    background: transparent url(images/panelbody_l.jpg) no-repeat bottom left;
    }
    .navcap_l .panel_l{margin: 0 0 -1px 0;}
    .quote,.admin-message {
    border: 1pt solid #999;
    margin: 0 2em;
    padding: 3pt;
    }
    .admin-message{
    color: #fff;
    padding: 0.5em;
    margin: 1em auto;
    width: 80%;
    }
    code, pre {
    font-family: monospace;
    font-size: 1.1em;
    }
    .poll {height: 1em; border: 1px solid #000; background: #333;}
    .comment-name {font-weight: 700;}
    .small,.small2,.side-small {font-size: 0.9em;}
    .tbl-border{
    background: #f5f2eb;
    border: 1px solid #f5f2eb;
    }
    .tbl,.tbl1,.tbl2,.forum-caption {padding: 3pt;}
    .forum-caption {
    color: #666;
    font-variant: small-caps;
    font-weight: 700;
    background: #ddd;
    }
    .tbl1 {background: #e6e6e6;}
    .tbl2 {background: #e1e1e1;}


    div.emulated-fieldset {
    position: relative;
    margin: 20px 0px 10px 0px;
    border: 1px solid #ccc;
    width: 320px;
    background: inherit;
    }
    div.emulated-fieldset span.emulated-legend {
    display: inline;
    position: absolute;
    top: -12px;
    margin: 0 5px;
    padding: 4px;
    background: inherit;
    }
    div.emulated-fieldset div.attachments-list {
    padding: 10px 3px 3px 3px;
    width: 320px;
    }
    hr {
    border: solid #999 1pt;
    height: 1pt;
    }
    .news-footer {padding: 0.5em;}
    .panelbutton{float: right;}
    h1,h2,h3,h4,h5,h6 {font-size: inherit;}



    /*Helpers*/
    .center {margin: 0 auto;}
    .content_center {text-align: center;}
    .flleft {float: left !important;}
    .flright {float: right !important;}
    .clear {clear: both;}


    #container{
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    }


    /*IE Fixes*/
    * html #main-bg {
    height: 1%;
    width: auto;
    }
    .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
    .floatfix {overflow:hidden;}
    * html .floatfix {width:100%;}
    .center, *[align="center"] {margin: 0 auto;}

    Ok ich meinte eigentlich den html-Code ;) bitte setz deine Codes in die klammern, das machts wirklich übersichtlicher! danke im vorraus :)


    Ich will dir wirklich helfen aber da ich den Code nicht geschriben habe kann ich mir nicht alles aus Code Schnipseln interpretieren ;)
    Allg. hast du den Css-Code überhaupt selber geschrieben? Oder versuchst du dich in einen anderen Code einzuarbeiten? In dem Falle würde ich dir wirklich empfehlen deinen eigenen Code zu schreiben. Dabei bin ich dir auch gerne behilflich, so wie Google :D


    Vorteile: Du lernst es wirklich, dein Code bleibt übersichtlich, dein Code ist nur so groß wie du ihn wirklich brauchst, das schafft Vorteile beim Transfer
    und deine Seite kann viel schneller laden, was den Kunden nicht gleich verschreckt


    Nachteil: Du musst ein bischen Zeit Investieren dich damit auseinander zu setzten und Css zu lernen, allerdings verbraucht man vergleichsweise viel
    mehr Zeit mit Fehlersuchen und Anpassungen von fremdem Code!


    Und hast du evtl eine URL auf der die Seite schon online ist, das macht das ganze auchnoch einfacher zum verstehen! :)
    Grüße Wolf

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden