Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Gaps between images?


  • Please log in to reply
6 replies to this topic

#1 Wolfy87

Wolfy87

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:06:22 AM

Posted 20 February 2009 - 07:03 PM

On my website (see here) i have a navigation strip up the top, for some reason its got a gap between them all, is it to do with padding or hspace?

Thanks, Wolfy87.

BC AdBot (Login to Remove)

 


#2 Guest_Jay-P VIP_*

Guest_Jay-P VIP_*

  • Guests
  • OFFLINE
  •  

Posted 21 February 2009 - 12:33 AM

Hey there, wolfy...long time no talk.

Right here is the current version of your navigation:
[codebox]<center>
<IMG SRC="left.png"; name="left"; height="40"; width="21"; alt="left"; align="center">
<IMG SRC="home.png"; name="home"; height="40"; width="166"; alt="Home"; onMouseOver="home.src='home2.png'"; onMouseOut="home.src='home.png'"; align="center"; onclick="document.location='index.html'"; padding="0">
<IMG SRC="aboutme.png"; name="aboutme"; height="40"; width="203"; alt="About me";
onMouseOver="aboutme.src='aboutme2.png'"; onMouseOut="aboutme.src='aboutme.png'"; align="center"; onclick="document.location='aboutme.html'"; padding="0">
<IMG SRC="products.png"; name="products"; height="40"; width="184"; alt="Products";
onMouseOver="products.src='products2.png'"; onMouseOut="products.src='products.png'"; align="center"; onclick="document.location='products.html'"; hspace="0">
<IMG SRC="contactme.png"; name="contactme"; height="40"; width="203"; alt="Cantact me";
onMouseOver="contactme.src='contactme2.png'"; onMouseOut="contactme.src='contactme.png'"; align="center"; onclick="document.location='contactme.html'"; hspace="0">
<IMG SRC="right.png"; name="right"; height="40"; width="32"; alt="right"; align="center">
</center>
[/codebox]

I am going to try to fix the problem for you. All I am doing in the one that I post below is adding it as a table, and pulling all of the code together in to one block. Please try it and tell me if it worked or not.
[codebox]
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" valign="middle"><IMG SRC="left.png"; name="left"; height="40"; width="21"; alt="left"; align="center">
</td><td align="center" valign="middle"><IMG SRC="home.png"; name="home"; height="40"; width="166"; alt="Home"; onMouseOver="home.src='home2.png'"; onMouseOut="home.src='home.png'"; align="center"; onclick="document.location='index.html'"; padding="0"></td><td align="center" valign="middle"><IMG SRC="aboutme.png"; name="aboutme"; height="40"; width="203"; alt="About me";
onMouseOver="aboutme.src='aboutme2.png'"; onMouseOut="aboutme.src='aboutme.png'"; align="center"; onclick="document.location='aboutme.html'"; padding="0">
</td><td align="center" valign="middle"><IMG SRC="products.png"; name="products"; height="40"; width="184"; alt="Products";
onMouseOver="products.src='products2.png'"; onMouseOut="products.src='products.png'"; align="center"; onclick="document.location='products.html'"; hspace="0"></td><td align="center" valign="middle"><IMG SRC="contactme.png"; name="contactme"; height="40"; width="203"; alt="Cantact me";
onMouseOver="contactme.src='contactme2.png'"; onMouseOut="contactme.src='contactme.png'"; align="center"; onclick="document.location='contactme.html'"; hspace="0">
</td><td align="center" valign="middle"><IMG SRC="right.png"; name="right"; height="40"; width="32"; alt="right"; align="center">
</td></tr>
</table>
[/codebox]

#3 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England

Posted 21 February 2009 - 07:32 AM

Ok, i replaced it with your code and it sort of thru all of my allignment out the window and it still didnt fix the gaps, i have reverted back to my old code for now. I just dont get it, maby add padding="0px" to every image??. And good to see you again Jay =)

Thanks, Wolfy87.

#4 Guest_Jay-P VIP_*

Guest_Jay-P VIP_*

  • Guests
  • OFFLINE
  •  

Posted 21 February 2009 - 07:47 AM

Okay, second method. Bring all the img src tags to a block. Don't break or space each of the tags apart. Make sure they "connect" to each other as shown below:

EXAMPLE
<img src="http:///"><img src="http:///"><img src="">

Edited by Jay-P VIP, 21 February 2009 - 07:47 AM.


#5 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England
  • Local time:06:22 AM

Posted 21 February 2009 - 10:48 AM

kk then ile try it now

#6 Wolfy87

Wolfy87
  • Topic Starter

  • Members
  • 414 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:England

Posted 21 February 2009 - 10:52 AM

Onece again you save the...website?, it works great, thanks so much mate =D
i dont understand how not seperation it makes gaps =S, oh well that helps me with quite a few things now.

Thanks, Wolfy87.

Edited by Wolfy87, 21 February 2009 - 10:53 AM.


#7 Guest_Jay-P VIP_*

Guest_Jay-P VIP_*

  • Guests
  • OFFLINE
  •  

Posted 21 February 2009 - 03:24 PM

You are welcome. I have made sites where just blocking the code made the difference. Good luck in the future, friend! :thumbsup:




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users