Give help. Get help.

  • # August 3, 2010 at 10:59 am

    This is my first site, it may well be a code nightmare, I dont know. It renders fine in all browsers but IE. In IE sidebar and header colr renders as black instead of green and top picture doesnt appear. Also spry bar appears white instead of green.

    Pls advise

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

    Welcome to Marketing Works


    Follow MKTworksNow on Twitter

    # August 3, 2010 at 1:33 pm

    I’m gonna have to agree with TT_Mark. Helping you would go against my wish to rid the web community of subpar websites. Tabled layout with scripts everywhere instead of divs and css are totally bringing down your website.

    Anyways it doesn’t look much different in IE than it does in any other browser..other than the fact that by default all your scripts are blocked on my IE and I end up with white boxes with red x’s on the corners.

    # August 4, 2010 at 9:43 am

    :oops: haha ok…im 17, this was my first try. I’ll get that book!


    # August 4, 2010 at 11:55 am

    I am doing my best to teach myself primarily through trial and error. I started a new page from scratch using alot more div tags and zero tables thus far. Also, should I avoid scripts such as the spry elements?

    # August 9, 2010 at 12:06 pm

    Thanks Mark,

    My name is Will by the way. I have started writing the new page using no tables, all div. Also, I’ve started making my own menu bar instead of using spry. I’d like some feedback on what I’ve done so far. I’m teaching myself as I go, It’s alot of trial and error. I did order the book you suggested. I can already see how this method is much cleaner and easier to manage.


    Here is my HTML:

    <div id="container">
    <div id="header" align="center"><img src="PicturesFiles/green-logo-web.jpg" /></div>

    <div id="wrapper" align="center">

    <div id="div1" style="float: left; width: 115px;">
    <div align="left" id="menudiv"><ul class="solidblockmenu">
    <li><div><a href="#">Home</a></div></li>
    <li><div><a href="#">About</a></div></li>
    <li><div><a href="#">Sustainable Technology</a></div></li>
    <li><div><a href="#">Contact</a></div></li>

    <div id="div2">
    <embed src= width=550 height=550 vspace="35" wmode=transparent type=application/x-shockwave-flash> </embed>

    Here is the CSS:

    body {
    background-image: url(PicturesFiles/greenbackground.jpg);
    #container {
    margin-right: auto;
    margin-left: auto;
    #header {
    background-color: #004930;
    #wrapper {
    color: #FFFFFF;
    width: 1000px;
    #div1 {
    #div2 {
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    margin: -20px;
    font: bold 14px Arial;
    width: 75px;
    padding-top: 50px;

    .solidblockmenu li{
    display: inline;

    .solidblockmenu li a{
    float: left;
    color: white;
    padding: 10px 11px 10px 0px;
    border-bottom: 1px solid #A57923;

    .solidblockmenu li a:visited{
    color: white;

    .solidblockmenu li a:hover, .solidblockmenu li .current{
    color: white;

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.