2 berichten aan het bekijken - 1 tot 2 (van in totaal 2)
  • Q:
    Bijdrager
    apple_mathias

    myspace layout vraag

    http://www.myspace.com/mac_apple

    Via Camino en Firefox is er geen enkel probleem.
    Maar, als je de pagina via safari bekijkt zie je onderlaag nog.
    Weet iemand hoe je dit kan veranderen? ik denk dat ik dat ergens in mijn css document moet doen.
    Maar, ik weet niet waar dus zou er iemand kunnen helpen aub?

    <style type=”text/css”>
    body {
    font-family: Verdana, arial, sans-serif;
    font-size: 62.5%;
    background-color: 888888;
    }

    table, td {
    background-color: 888888;
    }

    .main{
    position:absolute;
    left:50%;
    top:125px;
    width:800px;
    z-index:1;
    margin-left:-400px;
    }

    .main a:link, .main a:active, .main a:visited {
    color: 2266EE;
    text-decoration: none;
    font-size: 12px;
    }

    .main a:hover {
    color: ffffff;
    }

    img {
    border: 0;
    filter:alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    }

    img:hover{
    filter:alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity: 0.95;
    }

    p, li {
    font-size: 10px;
    color: FFFFFF;
    }

    .title1, .title2 {
    font-weight: regular;
    text-transform: lowercase;
    letter-spacing: -1px;
    color: 2266EE;
    }

    .title1 {
    font-size: 12px;
    }

    .title2 {
    font-size: 12px;
    }

    .title2 a {
    font-size: 12px;
    }

    .sidebar .title2 {
    padding: 0 0 0 12px;
    }

    .newnav {
    margin: 11px 0 20px 0;
    padding: 0;
    text-transform: lowercase;
    letter-spacing: -1px;
    }

    .newnav a {
    font-size: 12px;
    color: FFFFF !important;
    }

    .newnav a:hover {
    color: ffffff !important;
    }

    .newnav .active {
    color: ffffff !important;
    }

    .newnav li {
    list-style: none;
    display: inline;
    margin: 0 0 0 13px;
    }

    .sidebar {
    float: right;
    width: 200px;
    }

    .content {
    float: left;
    width: 500px;
    padding: 0 0 0 28px;
    }

    .breaker {
    clear: both;
    margin-top: 25px;
    border-top: 1px solid;
    border-color: 777777;
    background-image: url(“http://img440.imageshack.us/img440/3802/gradient5gj.jpg&#8221;);
    background-repeat: repeat-x;
    height: 200px;
    }

    .cell {
    float: left;
    padding-top: 10px;
    margin: 0 0 0 25px;
    }

    .cell-inner {
    width: 225px;
    padding: 0 10px 0 0;
    }

    .bottoms {
    clear: both;
    padding: 45px 0 0 0;
    }

    textarea {
    background-color: 555555;
    border: 1px solid;
    border-color: 666666;
    color: 2266EE;
    padding: 3px;
    overflow: hidden;
    }

    input {
    background-color: 444444;
    color: FFFFFF;
    border: 1px solid;
    border-color: 666666;
    }

    .askfirst {
    clear: both;
    text-align: center;
    padding: 25px 0 0 0;
    }
    </style>

    Bijdrager
    iJoost

    Als je in Firefox de JavaScript console (die zit in het menu) open zet terwijl je de pagina opent, dan krijg je een hele reeks CSS foutmeldingen. Elk daarvan kan er de oorzaak van zijn dat het resultaat van je stylesheet niet is wat je in gedachten had.

    Als het mijn site was, dan zou ik ze daarom stuk voor stuk eruit halen en pas daarna proberen te begrijpen waarom het niet werkt. Als het dan nog steeds niet werkt.;-)

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

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