SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict mserms's Avatar
    Join Date
    Jun 2001
    Location
    Scotland
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Placing images on top of floated images

    I've got a bunch of floated images on the left of the page and would like to position another image (the bottom one) over the top of them. What is the best way to do this? I've tried absolute and relative positioning but can't seem to get is sussed. Any clues?

    Code:
    <img src="images/wavespacer.gif" height="51" class="wave" alt="big wave image">
    <img src="images/wave1.gif" class="wave" alt="big wave image">
    <img src="images/wave2.gif" class="wave" alt="big wave image">
    <img src="images/wave3.gif" class="wave" alt="big wave image">
    <img src="images/wave4.gif" class="wave" alt="big wave image">
    <img src="images/wave5.gif" class="wave" alt="big wave image">
    <img src="images/wave6.gif" class="wave" alt="big wave image">
    <img src="images/wave7.gif" class="wave" alt="big wave image">
    <img src="images/wave8.gif" class="wave" alt="big wave image">
    <img src="images/wave9.gif" class="wave" alt="big wave image">
    <img src="images/wave10.gif" class="wave" alt="big wave image">
    <img src="images/wave11.gif" class="wave" alt="big wave image">
    <img src="images/wd_logo.gif" alt="Wild Diamond Kitesurfing logo" class="logo">
    Code:
    #logo {
    	position: relative;
    	top: 50px;
    	left: 50px;
    }
    
    img.wave {
    	clear: left;
    	float: left;
    }

  2. #2
    Rabble Rouser bronze trophy
    Join Date
    Jan 2003
    Location
    Mountain View, CA
    Posts
    427
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In your html your logo's <img> tag has defined class="logo" while the declaration block in your css is try to match an id of "logo".

  3. #3
    SitePoint Addict mserms's Avatar
    Join Date
    Jun 2001
    Location
    Scotland
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh dear, what a muppet! Thanks. :roll:


Bookmarks

Posting Permissions

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