Fist Hurdle (Full Version)

All Forums >> [Web Development] >> Expression Web Help



Message

Nicko -> 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 -> 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 -> 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?



Nicko -> 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 -> 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.



d a v e -> 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 ;)



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



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125