...

View Full Version : Possible to add background images to left and right column of MJT layout?



Nyk
08-30-2010, 04:10 AM
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/holy-grail-no-quirks-mode.htm

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

effpeetee
08-30-2010, 04:51 PM
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/holy-grail-no-quirks-mode.htm

If someone can help me figure this out I would greatly appreciate it.
I found this (http://www.google.co.uk/#hl=en&source=hp&q=CSS+putting+background+in+div&aq=f&aqi=&aql=&oq=&gs_rfai=&fp=9c494d436b7467d7)on Google.

Also there is much help here. (http://www.exitfegs.co.uk/Sources.html)

This is a page of mine (http://www.exitfegs.co.uk/tarantella.html) which may help you.


<!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

Nyk
08-30-2010, 05:49 PM
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.

Doctor_Varney
08-30-2010, 06:38 PM
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

effpeetee
08-31-2010, 02:31 PM
This is a helpful site (http://bonrouge.com/3c-hf-fluid.php).

Frank

teedoff
08-31-2010, 03:55 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum