8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)
  • Q:
    Bijdrager
    tis
    4 maart 2011 om 11:52

    joomla zier er anders uit in ie7 dan in chrome en firefox

    Hoi,

    Ben een website aan het maken maar zie nu dat in ie7 de site, vooral bij de image rotator bovenin, er anders uitziet dan in chrome en firefox?

    http://www.nicoprbakker.nl/counterpane

    mijn css

    het zit hem denk ik in de ul rotator

    html {
    height: 100%;
    margin-bottom: 0px;
    }
    ul#rotator {
    list-style:none;
    margin:0px;
    width:850px;
    height:235px;
    overflow:hidden;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    }

    form {
    margin: 0;
    padding: 0;

    }

    img,table {
    border: none;
    }

    body {
    background: #FEFEFE;
    font-family: Tahoma, Arial, sans-serif;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333;
    }

    .body_bg {
    margin: 30px 0 0 0;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-y;

    }

    body.contentpane {
    background: #f8f8f8;
    }
    /* a links */
    a:link, a:visited {
    outline: none;
    text-decoration: underline;
    font-weight: normal;
    color: #333;
    }

    a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #03F;
    }

    table.contentpane ul li, div.nopad ul {
    list-style-image: url(../images/li.png);
    }
    input.button, .validate {
    background: #7f98a1;
    border: 0;
    font-size: 10px;
    color: #fff;
    padding: 3px 4px;
    }

    .search input.button {
    display: none;
    }

    input.button:hover, .validate:hover {

    }

    p {
    margin-top: 0;
    margin-bottom: 5px;
    text-align: justify;
    }

    .inputbox, #email {
    border: 1px solid #7f98a1;
    padding: 2px;
    }
    .inputbox:hover {

    }

    #modlgn_remember {
    border:0;
    }

    div.module div div div form#form-login {
    width: 160px;
    }

    #search {
    float: left;
    margin: 0;
    padding-top: 100;
    padding-right: 20;
    padding-bottom: 0;
    padding-left: 0;
    }

    #search div.module div div div form {
    padding: 0;
    margin: 0;
    }

    #search div.module_menu div div div div.search, #search div.module div div div div.search {
    text-align: left;
    height: 85px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10;
    }

    #search div.module_menu div div div div.search1, #search div.module div div div div.search1 {
    float: right;
    text-align: left;
    padding: 0;
    margin: 0;
    background: url(../images/search_bg.png) top right no-repeat;
    border: none;
    }

    #search div.module_menu div div div div.search1 input, #search div.module div div div div.search1 input {
    float: right;
    line-height: 13px;
    font-size: 12px;
    margin: 0;
    width: 115px;
    height: 20px;
    padding: 5px 5px 0 5px;
    border: none;
    text-transform: capitalize;
    background:none;
    }

    #search .search .inputbox {
    line-height: 0px;
    font-size: 12px;
    width: 0px;
    height: 0px;
    text-transform: none;
    background-image: url(../images/logo.png);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    }

    #search .search .button {
    text-align: center;
    background: transparent url(../images/search_btn_bg.png) top center no-repeat;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding:0 0 2px 0;
    width: 65px;
    height: 27px;
    border:none;
    line-height: 26px;
    }

    /*****************************************/
    /*** Template specific layout elements ***/
    /*****************************************/
    #page_bg {
    width: 960px;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    background: url(../images/page_center_bg.png) top center repeat-y;
    }

    div.center {
    text-align: left;
    margin: 10px auto 0 auto;
    padding: 0 0 10px 0;
    width: 960px;
    }

    div#wrapper {
    padding: 0;
    margin: 0 auto;
    }

    #header {
    height: 251px;
    margin: 10px auto 0 auto;
    width: 940px;
    padding: 0;
    background-color: transparent;
    background-image: url(../images/b_img.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    }

    #header_main .hleft {
    float: left;
    width: 474px;
    height: 276px;
    background: transparent url(../images/header_cinelogo.png) top left no-repeat;
    padding: 0;
    }

    #header_main .hright {
    float: left;
    width: 466px;
    height: 256px;
    padding: 10px 0 0 10px;
    }

    #header_main .hright .hwr-left {
    float: left;
    width: 228px;
    }

    #header_main .hright .hwr-right {
    float: right;
    width: 228px;

    }

    #header_main .hright .hwr-right h3 , #header_main .hright .hwr-left h3 {
    font-family: Tahoma, Arial, sans-serif;
    width: 218px;
    color: #666; /*color: #4CAFC6;*/
    font-size: 13px;
    height: 30px;
    text-decoration: none;
    text-align: left;
    padding: 0 0 0 10px;
    background: url(../images/latest_h3.png) top left no-repeat;
    font-weight: bold;
    line-height: 24px;
    margin: 0
    }

    #header_main .hright .hwr-left div.module_menu div div div, #hw-right .hwr-left div.module div div div,#hw-right .hwr-left div.module_menu div div, #hw-right .hwr-left div.module div div {
    padding: 0;
    margin: 0;
    background: none;
    }

    #header_main .hright .hwr-right div.module_menu div div div, #header_main .hright .hwr-right div.module div div div,#header_main .hright .hwr-right div.module_menu div div, #header_main .hright .hwr-right div.module div div {
    padding: 0;
    margin: 0;
    background: none;
    }

    #header_main .hright .hwr-right div.module_menu div div div,#header_main .hright .hwr-right div.module div div div, #header_main .hright .hwr-left div.module_menu div div div,#header_main .hright .hwr-left div.module div div div {
    text-align: left;
    }

    #header_main .hright .hwr-right div.module div div div ul, #header_main .hright .hwr-left div.module div div div ul {
    padding: 5px 5px 0 25px;
    margin: 0;
    }

    #header_main .hright .hwr-right div.module div div div ul {
    list-style: url(../images/arrow_tleft.png);
    }

    #header_main .hright .hwr-left div.module div div div ul {
    list-style: url(../images/arrow_tright.png);
    }

    #header_main .hright .hwr-right div.module div div div ul, #header_main .hright .hwr-left div.module div div div ul {
    color: #1852D2;
    }
    #header_main .hright .hwr-right div.module div div div ul li a, #header_main .hright .hwr-left div.module div div div ul li a {
    color: #999;
    text-decoration: none;
    font-size: 11px;
    }

    #header_main .hright .hwr-right div.module div div div ul li a:hover , #header_main .hright .hwr-left div.module div div div ul li a:hover {
    color: #333;
    text-decoration: underline;
    }

    #newsflash {
    font-size: 11px;
    height: 130px;
    overflow: hidden;
    }

    #newsflash div.module_menu div div div, #newsflash div.module div div div {
    text-align: justify;
    }

    #newsflash h3 {
    font-family: Tahoma, Arial, sans-serif;
    width: 456px;
    color: #333; /*color: #4CAFC6;*/
    font-size: 13px;
    height: 26px;
    text-decoration: none;
    text-align: left;
    padding: 0 0 0 10px;
    background: url(../images/newsflash_h3.png) top left no-repeat;
    font-weight: bold;
    line-height: 24px;
    margin: 0
    }

    #content {
    width: 940px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    }

    #topw {
    width: 960px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    background: url(../images/topw_bg.png) top center no-repeat;
    }

    #logo {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 300px;
    line-height: 24px;
    }

    #logo a, #logo a:link, #logo a:hover {
    font-weight: bold;
    font-family: Tahoma;
    font-size: 24px;
    padding:0;
    margin: 0;
    letter-spacing: 1px;
    color: #6192a9;
    text-decoration: none;
    outline: none;

    }

    .pill_m {
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    width:790px;
    }

    #pillmenu {
    text-align: left;
    padding: 0 0 0 10px;
    margin:0 auto;
    }

    #pillmenu ul {
    margin: 0;
    list-style: none;
    width: 775px;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: 46px;
    }

    #pillmenu li {
    float: left;
    margin: 0;
    padding: 0;
    background:none;

    }

    #pillmenu li:hover {

    }

    #pillmenu li a#active_menu-nav {

    }

    #pillmenu li a {
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 12px;
    float: left;
    display: block;
    line-height: 18px;
    padding: 0 0 0 15px;
    margin: 0 10px 0 0;
    color: #666;
    text-decoration: none;
    font-weight: bold;
    background: none;
    height: 20px;
    background: url(../images/menu_row.png) center left no-repeat;
    }

    #pillmenu li a:hover {
    text-decoration: underline;
    }

    div#timedate {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 0 0 10px 0;
    }

    #leftcolumn ,#rightcolumn {
    margin: 0;
    width: 190px;
    float: left;
    padding: 0 0 10px 0;
    text-align: left;
    }

    div#maincolumn {
    float: left;
    width: 555px;
    margin: 0 0 6px 0;
    }

    .m1 {
    background: transparent url(../images/m1.png) top center repeat-x;
    }

    .m2 {
    background: transparent url(../images/m2.png) top left no-repeat;
    }

    .m3 {
    background: transparent url(../images/m3.png) top right no-repeat;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    }

    div#maincolumn_full {
    float: left;
    width: 900px;
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
    }

    div.cpathway {
    margin: 0 0 10px 0;
    padding: 0;
    height: 25px;
    background: transparent url(../images/cpathway-right.jpg) bottom right no-repeat;
    }

    div.cpathway div.cpleft {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 25px;
    background: transparent url(../images/cpathway-left.jpg) bottom left no-repeat;
    }

    div.cpathway span {
    padding: 0 10px;
    color: #999999;
    line-height: 23px;
    font-size: 11px;
    }

    div.cpathway span a {
    color: #999999;
    }

    div.nopad {
    overflow: hidden;
    padding: 0;
    }
    div.nopad form#jForm p, div.nopad form#jForm div#navigation {
    padding: 5px 0 0 10px;
    }
    div.nopad ul {
    clear: both;
    }

    td.middle_pad {
    width: 20px;
    }

    #banner_l {
    text-align: left;
    padding: 0 0 0 24px;
    }

    #footer {
    margin: 0 auto;
    text-align: center;
    width: 960px;
    height: 54px;
    background: url(../images/footer_bg.png) top center no-repeat;
    }

    #footer p {
    height: 30px;
    text-align: right;
    padding: 10px 30px 0 0;
    color: #666666;
    }

    /*****************************************/
    /*** Joomla! specific content elements ***/
    /*****************************************/

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

    /* headers */
    div.componentheading {
    height: 22px;
    padding: 0 0 0 10px;
    }
    table.blog {

    }
    h1 {
    padding: 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    vertical-align: bottom;
    color: #333;
    text-align: left;
    width: 100%;
    }

    h2, .contentheading {
    padding: 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    color: #7f98a1;
    text-align: left;
    font-weight: bold;
    }

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

    h4 {
    font-family: Tahoma, Arial, sans-serif;
    color: #333;
    }

    h3, .componentheading, table.moduletable th, legend {
    margin: 0;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #7f98a1;
    padding: 0;
    }
    /* small text */
    .small {
    font-size: 10px;
    color: #333;
    font-weight: normal;
    text-align: left;
    }

    .modifydate {
    height: 20px;
    vertical-align: bottom;
    font-size: 10px;
    color: #333;
    font-weight: normal;
    text-align: right;
    }

    .createdate {
    height: 20px;
    vertical-align: top;
    font-size: 10px;
    color: #333;
    font-weight: normal;
    vertical-align: top;
    padding-top: 0px;
    }

    a.readon {
    display: block;
    float: right;
    text-decoration: none;
    line-height: 14px;
    font-size: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: solid 1px #CAAB73;
    }

    a.readon:hover {
    color: #333;
    text-decoration: none;
    border-bottom: solid 1px #fff;

    }

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

    /** overlib **/

    .ol-foreground {
    background-color: #f1f1f1;
    color: #333;
    }

    .ol-background {
    background-color: #f1f1f1;
    color: #333;
    }

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

    .ol-captionfont {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: #f6f6f6;
    font-weight: bold;
    }
    .ol-captionfont a {
    background-color: #f1f1f1;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    }

    .ol-closefont {}

    /* menu links */
    a.mainlevel:link, a.mainlevel:visited {
    padding-left: 5px;
    margin: 0;
    line-height: 18px;
    text-decoration: none;
    color: #2EB6F4;
    font-weight: bold;
    font-size: 11px;
    }

    a.mainlevel:hover {

    }

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

    .article_column {

    }

    .column_separator {

    }

    td.buttonheading {
    text-align: right;
    width: 0;
    }

    .clr {
    clear: both;
    }

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

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

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

    /* content tables */
    td.sectiontableheader {
    color: #333;
    font-weight: bold;
    padding: 4px;
    border-bottom: 1px solid #666;
    }

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

    td.sectiontableentry0,
    td.sectiontableentry1,
    td.sectiontableentry2 {
    padding: 3px;
    color: #333;
    font-size: 10px;
    }

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

    table.contentpane td{
    text-align: left;
    }

    table.contentpane td.contentdescription {
    width: 100%;
    }

    table.contentpane {
    text-align: left;
    float: left;
    width: 100%;
    margin: 8px;
    }

    table.contentpane ul li a .category {
    color: #FF8800;
    }

    table.contentpane ul li {
    color: #333;
    }

    table.contentpaneopen {
    margin: 2px 8px;
    }

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

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

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

    table.contentpaneopen h4 {
    font-family: Tahoma, Arial, 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, div.module {
    margin: 0;
    padding: 0;
    }

    div.module_menu div, div.module {

    }

    div.module_menu div div, div.module div div {
    margin: 0 0 15px 0;
    padding: 0;
    background: none /* url(../images/menu_bottom.png) bottom left no-repeat*/;
    }

    #newsflash div.module_menu div div, #newsflash div.module div div, #search div.module_menu div div, #search div.module div div {
    background: none;
    padding: 0;
    margin: 0;
    }

    div.module_menu div div div, div.module div div div{
    margin: 0;
    background: none /*url(../images/menu_top_out.png) top left no-repeat*/;
    text-align: center;
    padding: 0 0 20px 0;
    }

    div.module_menu div div div div, div.module div div div div {
    background: none;
    padding: 4px 8px;
    text-align: left;
    }

    div.module div div div form {
    padding: 4px 0 0 4px;
    margin: 0 auto;
    text-align: left;
    }

    div.module div div div form table td {
    text-align: left;
    }

    div.module div div div form ul{
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    }

    div.module_menu ul {
    list-style: none;
    text-align: left;
    padding: 0;
    }

    div.module_menu ul li{
    margin: 0;
    padding: 0;
    }

    div.module_menu ul li a:link, div.module_menu ul li a:visited {
    font-weight: bold;
    /*background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;*/
    padding: 2px 0 2px 20px;
    line-height: 24px;
    text-decoration: none;
    color: #333;
    font-size: 11px;
    }

    div.module_text div div div div {
    margin:0 auto;

    }

    div.bannergroup_text {
    display:block;
    width:180px;
    background: none /*url(../images/menu_bottom.png) bottom left no-repeat*/;
    padding: 10px 10px 0 10px;
    }
    .bannerheader {
    padding: 0 0 0 6px;
    }
    #leftcolumn div.module table ,#rightcolumn div.module table {
    margin:0 auto;
    }

    div.module table.poll {
    width: 160px;
    margin:0 atuo;
    }

    #leftcolumn div.module table.poll td {
    text-align: left;
    }

    /* LEFT COL H3 */
    #leftcolumn h3, #rightcolumn h3 {
    font-family: Tahoma, Arial, sans-serif;
    width: 170px;
    color: #6192a9; /*color: #798950;*/
    font-size: 13px;
    height: 30px;
    text-decoration: none;
    text-align: center;
    padding: 0 0 0 10px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    background: url(../images/h3.png) top left no-repeat;

    }

    #leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c,
    #rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
    margin: 0 0 16px 0;
    padding: 0 0 8px 0;
    }

    #leftcolumn ul.menu, #rightcolumn ul.menu {
    margin: 0 auto;
    padding: 5px 0 0 4px;
    list-style: none;
    width: 170px;
    }

    #leftcolumn ul.menu li, #rightcolumn ul.menu li {
    margin: 0;
    padding: 0;
    }

    #leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover {

    }

    /*LEFT COL LINK*/
    #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
    #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
    line-height: 18px;
    padding: 0 0 0 12px;
    text-decoration: none;
    font-size: 11px;
    background: url(../images/menu_row.png) center left no-repeat;
    margin: 0;
    height: 18px;
    color: #666;
    font-weight: bold;
    }

    #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
    color: #666;
    text-decoration: underline;
    }

    /*LEFT COL CURRENT LINK*/
    #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
    #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
    line-height: 18px;
    padding: 0 0 0 12px;
    text-decoration: underline;
    color: #666;
    font-weight: bold;
    font-size: 11px;
    background: url(../images/menu_row.png) center left no-repeat;
    margin: 0;
    height: 18px;
    }

    #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
    color: #666;
    text-decoration: underline;
    }

    /*LEFT COL SUB LINK*/
    #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
    text-decoration: none;
    color: #666;
    margin: 0 0 0 12px;
    font-size: 11px;
    background: url(../images/menu_row.png) center left no-repeat;
    font-weight: normal;
    display: block;
    line-height: 18px;
    padding: 0 0 0 12px;
    border: none;
    height: 18px;
    }

    #leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
    font-size: 11px;
    margin: 0 0 0 12px;
    padding: 0 0 0 12px;
    text-decoration: none;
    border: none;
    color: #333;
    background: url(../images/menu_row.png) center left no-repeat;
    height: 18px;
    line-height: 18px;
    }
    /*SUBMENU POSITION*/
    #leftcolumn ul.menu li#current ul {
    margin: 0;
    padding: 0;
    }

    #leftcolumn ul.menu li#current ul li {
    margin: 0;
    padding: 0;
    }

    /*CURRENT SUBMENU POSITION*/
    #leftcolumn ul.menu li ul {
    margin: 0;
    padding: 0;
    }

    #leftcolumn ul.menu li.parent ul li a {
    text-decoration: none;
    color: #666;
    margin: 0 0 0 12px;
    font-size: 11px;
    background: url(../images/menu_row.png) center left no-repeat;
    font-weight: normal;
    display: block;
    line-height: 12px;
    padding: 0 0 0 18px;
    border: none;
    height: 18px;
    }

    #leftcolumn ul.menu li#current ul li a:hover {
    color: #333;
    }

    #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
    list-style: none;
    }

    /* forms */
    #leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
    margin: 6px 0;
    padding: 0;
    list-style: none;
    }

    #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
    margin: 0;
    padding: 0 2px;
    }

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

    form#form-login fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
    }
    form#form-login ul li{
    padding: 0;
    }

    form#form-login ul li a {
    text-align: left;
    padding: 0;
    font-size: 10px;
    }

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

    div.caption { padding: 0 10px 0 10px; }
    div.caption img { border: 1px solid #CCC; }
    div.caption p { font-size: .90em; color: #333; 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: Tahoma, Arial, 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 */

    /* Default skyscraper style */
    .bannergroup {
    }

    .banneritem {
    }

    /* Text advert style */

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

    .bannerfooter_text {
    padding: 8px 20px;
    font-size: 11px;
    text-align: right;
    }

    /* System Messages */

    /* see system general.css */

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

    /* Polls */
    .pollstableborder td {
    text-align: left;
    }

    /* 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: #333;
    }

    /* 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 Error Messages */
    #system-message dd.error ul {
    color: #999;
    background: none;
    border-top: 1px solid #829300;
    border-bottom: 1px solid #829300;
    padding: 0;
    margin: 0;
    list-style: none;
    }

    /* System Notice Messages */
    #system-message dd.notice ul {
    color: #ECA5A7;
    background: none;
    border-top: 1px solid #829300;
    border-bottom: 1px solid #829300;
    padding: 3px;
    margin: 0 0 5px 0;
    list-style-image: none;
    }

    #system-message dd {
    text-indent: 0;
    }

    #system-message dd ul {
    list-style: none;
    color: #f00;
    background: none;
    border-top: 1px solid #829300;
    border-bottom: 1px solid #829300;
    list-style-image: none;
    }

    #system-message {
    margin: 5px auto;
    text-align: center;
    width: 98%;
    }

    /* ****************************************************************************** */
    /* blue */
    input, button {
    border: 1px solid #7F98A1;

    }
    /* blue */
    input[type=”checkbox”], input[type=”radio”]{
    background: transparent;
    border: none;
    }

    /* ————————– */
    a.sgfooter:link, a.sgfooter:visited {
    color: #7f98a1;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    }
    a.sgfooter:hover {
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    }
    #sgf {
    font-size: 12px;
    text-align: right;
    width: 100%;
    margin: 0 auto;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
    }
    .sgf {
    text-align: right;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    color: #333;
    text-decoration: none;
    }
    .sgf1 {
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    color: #333;
    text-align: left;
    }

    a.sglink:link, a.sglink:visited {
    color: #333;
    font-size: 12px;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    }
    a.sglink:hover {
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
    text-decoration: none;
    }

    /* fix */
    .nopad fieldset {
    float:left;
    border:none;
    padding:0;
    margin:0 0 30px 20px;
    }
    .nopad fieldset p {
    margin:0 0 10px;
    overflow:hidden;
    }

    .nopad fieldset label {
    float: left;
    }

    .nopad fieldset input {
    float:left;
    }

    .nopad fieldset #remember {
    margin:0 0 0 10px;
    }

    /* fix */
    .logoc {
    }

    Graag advies

    Bijdrager
    Xenophon
    4 maart 2011 om 12:17

    Dude, serieus. Installeer eens Firebug, en begin met debuggen. Niemand gaat heel deze CSS lezen.
    Post dan eens de CSS die met het probleem te maken heeft.

    Bijdrager
    Nick Nack
    4 maart 2011 om 12:26

    Niet verkeerd bedoeld ondanks dat het wel zo over zal komen, maar die website ziet er écht niet uit en de tekst is echt zeer amateuristisch.

    Bijdrager
    DestroyOhBoy
    4 maart 2011 om 12:47

    Bouw gewoon je eigen template+css, gaat een stuk sneller dan dingetjes repareren in iemands anders code.

    Inactief
    Anoniem
    4 maart 2011 om 13:29

    Beter download je gewoon een gratis template. http://www.freewebsitetemplates.com

    Bijdrager
    tis
    4 maart 2011 om 16:26

    Bedankt voor jullie reactie.
    De template heb ik gedownload, heb de background image vervangen.
    Verder heb ik een module, ajaxheaderrotator, geïnstalleerd.

    De tekst is van een klant en die zijn na advies de teksten aan het herschrijven.

    Ik zal eens met firebug aan de slag gaan en kijken of ik verder kom.

    Allemaal bedankt voor de adviezen vooral over firebug :)) daar heb ik tenminste wat aan

    @nicknack over smaak valt niet te twisten

    Bijdrager
    tis
    4 maart 2011 om 16:41

    Het zit hem in dit stukje maar hoed it op te lossten
    ie8 geeft geen probleem, chrome en firefox ook niet

    ul#rotator {
    list-style:none;
    margin:0px;
    width:850px;
    height:235px;
    overflow:hidden;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    }

    Bijdrager
    tis
    4 maart 2011 om 16:49

    er zit een ie7.css bij de template en die ziet er zo uit
    div#maincolumn {
    float: left;
    width: 545px;
    margin: 0 0 6px 0;
    }

    ul#rotator {
    list-style:none;
    margin:0px;
    width:850px;
    height:235px;
    overflow:hidden;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    }

    div#maincolumn_full {
    float: left;
    width: 700px;
    margin: 7px 0px 0;
    padding: 0 0 0 10px;
    }

    #pillmenu li a {
    margin: 0 5px 0 0;
    }

8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.