Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Nyk
    Nyk is offline
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Possible to add background images to left and right column of MJT layout?

    Is it possible to add background images to the left and right column in the following Matthew James Taylor layout and still have it function in IE6? I'm getting really frustrated.

    http://matthewjamestaylor.com/blog/h...uirks-mode.htm

    If someone can help me figure this out I would greatly appreciate it.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Nyk View Post
    Is it possible to add background images to the left and right column in the following Matthew James Taylor layout and still have it function in IE6? I'm getting really frustrated.

    http://matthewjamestaylor.com/blog/h...uirks-mode.htm

    If someone can help me figure this out I would greatly appreciate it.
    I found this on Google.

    Also there is much help here.

    This is a page of mine which may help you.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <base href="http://www.exitfegs.co.uk/tarantella.html >
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Tarantella - by Hilaire Belloc.</title>
    <style type="text/css"> 
     
     
    * {
        margin:0;
        Padding:0;
        color:#fff;
     
    }
    #poem {margin:20px auto;
        border:1px solid #636;
        width:700px;
        background: url(dancer.gif) no-repeat;
        color:#fff;
     
    }
    pre {
        color: #fff;
        background-color:inherit;
        font-weight:900;
        font-size:16px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        padding-left:10px;
        border-left:dotted #414183 2px;
        margin:20px 50px;
    }
     
    a:link {
      color: #008;
      text-decoration: none;
    }
     
    a:visited {
      color: #008;
      text-decoration: none;
     
    }
     
    a:hover {
      color: #008;
      text-decoration: none;
     
    }
     
    a:active, li {
      color: #0ff;
      text-decoration: none;
     
    }
     
    </style>
    </head>
     
    <body>
      
     
      <div id="poem"><pre><a href="http://www.exitfegs.co.uk/">
    Tarantella - by Hilaire Belloc. <br /><br />
    Do you remember an Inn,
    Miranda?
    Do you remember an Inn?
    And the tedding and the bedding
    Of the straw for a bedding,
    And the fleas that tease in the High Pyrenees,
    And the wine that tasted of tar?
    And the cheers and the jeers of the young muleteers
    (Under the vine of the dark veranda)?
    Do you remember an Inn, Miranda,
    Do you remember an Inn?
    And the cheers and the jeers of the young muleteers
    Who hadn't got a penny,
    And who weren't paying any,
    And the hammer at the doors and the din?
    And the hip! hop! hap!
    Of the clap
    Of the hands to the swirl and the twirl
    Of the girl gone chancing,
    Glancing,
    Dancing,
    Backing and advancing,
    Snapping of the clapper to the spin
    Out and in--
    And the ting, tong, tang of the guitar!
    Do you remember an Inn,
    Miranda?
    Do you remember an Inn?
     
    Never more;
    Miranda,
    Never more.
    Only the high peaks hoar;
    And Aragon a torrent at the door.
    No sound In the walls of the halls where falls
    The tread Of the feet of the dead to the ground,
    No sound:But the boom
    Of the far waterfall like doom.</a></pre></div>
    </body>
    </html>
    You can put your extra css in the <head> part of the page.
    <doctype> etc.
    <html>
    <head>
    <style type="text/css">
    Your CSS

    </style>

    </head>

    <body>

    Frank
    Last edited by effpeetee; 08-30-2010 at 04:35 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Nyk
    Nyk is offline
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I can run a Google search, too. I also know how to add CSS and the exitfegs site you constantly point people to is of no help in this particular situation. None of it is specific to my question. If it was as easy as running a Google search/etc. I would have figured it out on my own, but this particular layout is giving me trouble.

    Thank you nonetheless.

  • #4
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    I'm sorry, the question does not appear altogether complete. Could you explain exactly what the problem is. You've asked if it's possible, expressed your frustration and shown us Mathew's site - but what actually is/isn't happening when you add backgrounds to those divs?

    In order for members here to help you, they need to see your code.

    Otherwise, the most straightforward answer would be: "In theory, yes" - and I can't imagine that being of much help to you.

    Dr. V
    Last edited by Doctor_Varney; 08-30-2010 at 05:57 PM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This is a helpful site.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #6
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I can run a Google search, too. I also know how to add CSS and the exitfegs site you constantly point people to is of no help in this particular situation. None of it is specific to my question. If it was as easy as running a Google search/etc. I would have figured it out on my own, but this particular layout is giving me trouble.

    Thank you nonetheless.
    fpt showed you a simple site he created showing a background image in a div. I think he answered your question as it was posted.

    Why not look at the code source of that page and see hwo it was done? Good luck.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •