473,327 Members | 2,016 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

adding some spaces in between two images (buttons)

Hello

good evening to you, and thank you for reading this.

I am trying to have some spaces in between two button images

but I find it very very very difficult..... :(



HTML
------------------------------------------
Expand|Select|Wrap|Line Numbers
  1. <div>
  2. <table class="image" align="center" >  
  3.   <tr>
  4.    <td> 
  5.   <body onload="MM_preloadImages('http://yellowsayshello.smugmug.com/photos/i-c5HvKkk/0/S/i-c5HvKkk-S.png','http://yellowsayshello.smugmug.com/photos/i-Rfz8JLL/0/S/i-Rfz8JLL-S.png')">
  6.  
  7.   <div align="center">
  8.   <table class="image" align="center" >  
  9.   <tr>
  10.    <td> 
  11.  <div id="containter">
  12.  <table class="image" align="center" >
  13.  
  14.    <div id="left">
  15.    <a class= "package"  href="http://yellowsayshello.smugmug.com/Pricing/n-g234X" ></a>
  16.     </div>
  17.     <div id="left">   
  18.   <a class="promo" href="http://yellowsayshello.smugmug.com/PROMOTION"></a>
  19.   </div>
  20.  
  21.  
  22. CSS
  23. ---------------------------------------------------
  24. #container {width:0�;}
  25. #left {float: left; width: 50%}
  26. #right {float:left; width: 50%;clear:both}
  27.  
  28.  
  29. a.package:link, .package {
  30.     width:400px;
  31.     height:89px;
  32.     display: block;
  33.     background-image:url(http://yellowsayshello.smugmug.com/photos/i-bCLghdG/0/S/i-bCLghdG-S.png);
  34.   margin:10px 0 10px 0;
  35. }
  36.  
  37. a.package:hover  {
  38.       width:400px;
  39.     height:89px;
  40.  
  41.     display: block;
  42.     background-image:url(http://yellowsayshello.smugmug.com/photos/i-Rfz8JLL/0/S/i-Rfz8JLL-S.png);
  43.   margin:10px 0 10px 0;
  44. }
  45. a.promo:link, .promo  {
  46.     width:400px;
  47.     height:89px;
  48.     display: block;
  49.     background-image:url(http://yellowsayshello.smugmug.com/photos/i-JnxLVPR/0/S/i-JnxLVPR-S.png);
  50.   margin:10px 0 10px 0;
  51. }
  52. a.promo:hover  {
  53.  
  54.       width:400px;
  55.     height:89px;
  56.     display: block;
  57.     background-image:url(http://yellowsayshello.smugmug.com/photos/i-c5HvKkk/0/S/i-c5HvKkk-S.png);
  58.   margin:10px 0 10px 0;
  59. }
Jul 21 '14 #1
1 1478
nomad
664 Expert 512MB
Add a Class called image
then add padding
Expand|Select|Wrap|Line Numbers
  1. .images {
  2.     border-top-style: none;
  3.     border-right-style: none;
  4.     border-bottom-style: none;
  5.     border-left-style: none;
  6.     padding-top: 5px;
  7.     padding-bottom: 5px;
  8. }
  9.  
Hope this helps
damon
Jul 21 '14 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

5
by: Applebrown | last post by:
Hello, basically, I'm just learning intermediate CSS and trying to convert my old table webpage completely to CSS. Hoorah, right? Well, it's not quite going as planned. It's an extremely simple...
15
by: Randall Parker | last post by:
I've noticed when exporting from Microsoft Word XP into an HTML file that Word uses a span style of mso-spacerun: yes. This has the effect of making there be about 2 spaces between sentences. So...
3
by: yawnmoth | last post by:
i'm trying to get two images to float next to float next to one another, and although i can get it to do so just fine in firefox, i am having problems in internet explorer. here's the webpage: ...
2
by: Papajo | last post by:
Is there a script that would add a space in front of and behind any text adding to a form box, it coud be triggered by either an onClick or onBlur event handler. Any help s appreciated. Thanks Joe
3
by: Jan | last post by:
Hallo, How can i Clear empty spaces between text. For example: I've got the name "Justin Name" in a string and want to clear de spaces between de names so i will get "JustinName". What can...
6
by: Alex | last post by:
Hi Everyone, I'm not completely new to CSS, but I've never written an entire site in CSS, which is what I'm doing now. I wrote our website many years ago using tables to format the page, but...
4
by: Warrick Wilson | last post by:
I'm new to C# and I'm trying to get some "toy" programs running to get familliar with it. So I want to make a slideshow program that will display one image after another, and have some sort of...
2
by: levisvv | last post by:
I am creating a web page where I want several images (each is a hyperlink) to be side-by-side with no white space. I read lots of blogs on it and nothing seems to get rid of the spaces, here's where...
1
by: raghulvarma | last post by:
Hi, I am using asp.net 1.x, Here i will have to store the values in the database along with the white spaces for eg: "My New Thread" here I have given spaces between these...
4
by: neogazz | last post by:
Is there any way of creating spaces between words or objects (i.e. input fields or buttons) other than using the &nbsp; command in HTML? It would be great if you could specify the spacing between...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.