|
| |
|
|
Nicko
Posts: 3
Joined: 12/17/2007
Status: offline
 |
Fist Hurdle - 12/17/2007 8:35:35
Good Afternoon
I'm trying to make my first site with EW but although I've watched a few tutorials I am stuck with what seems a basic problem but I can't fix it........I've made a pagebaner with three images all held within separate nested layers. This displays OK in Firefox but the centre image drops out of place in Internet Explorer. Am I missing something fundamental here?
I could get the banner to hold together by increasing the width of the banner layer to 806 px but this leaves gaps between the pictures. I can overcom this by adding a bg colour to match pictures. However, doesn't seem a proper way to go about it!
I have loaded the page to http://www.dunhosting.com If anyone could take a look and answer my question I'd be so grateful. I'm tempted to boly back to FP with it's easy table layouts but feel I should try and move with the times!
Regards
Nicko
|
|
|
|
obialor
Posts: 72
Joined: 1/9/2007
Status: offline
|
RE: Fist Hurdle - 12/17/2007 10:03:06
http://www.dunhosting.com
I was unable to access the above website. My best advice to you is to start with the templates that come with EW. There are many of these. Then eventually, you can do your own thing.
Obi
| |
|
|
|
William Lee
Posts: 1080
Joined: 1/25/2002
From: Singapore
Status: offline
|
RE: Fist Hurdle - 12/17/2007 10:14:18
quote:
dunhosting.com
I checked with godaddy.com and that domain name is unregistered.
Misspelling perhaps?
_____________________________
William Lee
| |
|
|
|
Nicko
Posts: 3
Joined: 12/17/2007
Status: offline
|
RE: Fist Hurdle - 12/17/2007 10:19:42
Sorry to all who've been trying to look. The address was indeed misspelt - should have checked.
The page is at:
http://www.dunehosting.com/
Thanks agai
Nicko
| |
|
|
|
Tailslide
Posts: 6050
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Fist Hurdle - 12/17/2007 10:32:36
Try floating all three images. You don't need the extra divs to hold the images - just get rid of those inner divs and set up a rule for the outer div that contains the three images:
CSS stuff
#bannerdiv {width:whatever;}
#bannerdiv img {float:left; }
Markup on the page:
<div id="bannerdiv">
<img src="whatever" width="whatever" height="whatever" alt="Logo" />
<img src="whatever" width="whatever" height="whatever" alt="Our main image" />
<img src="whatever" width="whatever" height="whatever" alt="Other image" />
</div>
and see if that helps.
You don't need to have position:relative unless you're planning on having something within that div that's positioned absolutely.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
d a v e
Posts: 4088
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Fist Hurdle - 12/17/2007 11:17:50
why can't you just combine those images into one big image??? also the end images are over-compressed - ohh they're all diiiirty ;)
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Nicko
Posts: 3
Joined: 12/17/2007
Status: offline
|
RE: Fist Hurdle - 12/17/2007 13:41:43
Thanks for replies - Tailslide, I'll give your suggestions a go and see if I can make it work.
Dave, yes the images are not so hot. I realise I could combine into 1 image. However, I'm thinking I may come up with a similar problem again in future so would like to have a go at fixing it with in the code - surely it can't be that difficult?
Bedtime in this part of the world, so I'll work on it again tomorrow.
Thanks again
Nicko
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
