1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Help with CSS sprite

Discussion in 'CSS' started by gclass, Jun 20, 2011.

  1. #1
    Hello,
    I am trying to create CSS sprite for few images that are not in the background.
    would like to get some help to make it right.

    the code is:
    <div class="css65"><br>
     <img src="http://www.8downloads.com/skins/admin/images/scan.png"> <a href="http://www.8downloads.com/sources/cron_2.php?scan&amp;ceck_now=2">Scan</a><br> <img src="http://www.8downloads.com/skins/admin/images/recomended.png"> <a href="http://www.8downloads.com/index.php?a=admin&amp;b=programs&amp;recom=1&amp;mem[]=2">Recommend</a><br>  <img src="http://www.8downloads.com/skins/admin/images/globe.png"><a title="Translate" href="javascript:open_window('http://www.8downloads.com/index.php?a=admin&amp;b=translate&amp;c&amp;numar=2&amp;lng=en');">Translate</a><br> <img src="http://www.8downloads.com/skins/admin/images/edit.png"> <a href="http://www.8downloads.com/index.php?a=admin&amp;b=programs&amp;editare&amp;mem[]=2">Edit</a> | <a href="javascript:open_window('http://www.8downloads.com/index.php?a=admin&amp;b=programs&amp;edit_des&amp;numar=2&amp;c');">Edit Description</a> <br><img src="http://www.8downloads.com/skins/admin/images/email.png"> <a href="http://www.8downloads.com/index.php?a=admin&amp;b=programs&amp;email&amp;mem[]=2">E-mail</a> <br><img src="http://www.8downloads.com/skins/admin/images/unlisted.png"> <a href="http://www.8downloads.com/index.php?a=admin&amp;b=programs&amp;anulare&amp;mem[]=2">Unlist</a> <br><img src="http://www.8downloads.com/skins/admin/images/spon.png"> <a href="http://www.8downloads.com/index.php?a=admin&amp;b=sponsored&amp;spons_edit&amp;mem[]=2">Sponsor</a> <br><img src="http://www.8downloads.com/skins/admin/images/erase.png"> <a onclick="return confirm('Are you sure you want to delete this?')" href="http://www.8downloads.com/index.php?a=admin&amp;b=programs&amp;sterge&amp;mem[]=2&amp;home">Delete</a><br></div>
    Code (markup):
    and the site is : http://www.8downloads.com/windows/video-multimedia/media-players/vlc-media-player/
    (the "user tools" widget on the right).

    thx
    G
     
    gclass, Jun 20, 2011 IP
  2. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #2
    Can you rephrase your problem?
     
    BRUm, Jun 25, 2011 IP
  3. gclass

    gclass Active Member

    Messages:
    337
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #3
    sure,
    I like to replace the code attached with code that will display the same but will use background images so I can create CSS sprite image.
     
    gclass, Jun 26, 2011 IP
  4. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #4
    Do you mean like this?

    
    div.css65
    {
        width:widthpx;
        height:heightpx;
        background:url('logopath.jpg');
    }
    
    Code (markup):
     
    BRUm, Jun 26, 2011 IP
  5. Aidan01

    Aidan01 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It is better to contact any web design experts and share your thought with them.There are many online tutorials available to learn CSS and they also help you to solve the problems.Learning through online tutorials is the best method to learn web development.
     
    Aidan01, Jun 27, 2011 IP
  6. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #6
    While the internet is a great resource, I must disagree that it's the best way to learn. I can't stress enough how important books have been to me over the years.
     
    BRUm, Jun 27, 2011 IP
    gclass likes this.
  7. gclass

    gclass Active Member

    Messages:
    337
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #7
    yes BRUm - this is what I needed

    thx
     
    gclass, Jun 28, 2011 IP
  8. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #8
    No problem. Glad you're sorted :)
     
    BRUm, Jun 28, 2011 IP
  9. jcyber

    jcyber Active Member

    Messages:
    892
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    80
    #9
    congratulation gclass, you find what you want? Thank you.
     
    jcyber, Jul 2, 2011 IP