White space next to images

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hi guys,

I have been work with a code that will display my image. But I have an annoying problem. I have a white space next to the pictures and I don't want it there. I've tried putting the attribute border="none" but that doesn't work. Any help would be appreciated!

-Dan

Here is the screen shot with the problem area circled in red.
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes

Posted 9 years ago

  • 1
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
If the background of you page is white then that spot in red in white. if you have a different color background the white spot should take on the same color as the background

papa
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
It's not that I don't want the color white there, I would like the images to be closer to one another without changing the image size itself.
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
the boxes are adjustable just place the mouse on the center line and move to where you need it placed. then you can moved the other picture over the same way.

the other thing you can do is create another two column box with in the one there. then place one picture on each side of box then adjust

papa
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Did Papa's suggestion solve your problem, lambofgod?
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Dan,

If you are wanting to butt the images up against one another without
any space between them, the best way I found was to place them in a table
and use the cellpadding="0" cellspacing="0"

Here's how it's done for two images - side by side.

<table cellpadding="0" cellspacing="0">
<tr>

<td>
<img src="h ttp://YOURIMAGE1.jpg" width="xxx" height="xxx" alt="xxx" />
</td>

<td>
<img src="h ttp://YOURIMAGE2.jpg" width="xxx" height="xxx" alt="xxx" />
</td>

</tr>
</table>

Replace all the bold bits with your own info.

You can see how I have done it here with my route planner.
It's actually three images (one on top and two below)
Looks like one big image doesn't it ;-) http://travelsa.cc/route-planner.php
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
B
Show off ;) Those look pretty awesome buddy...
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
I'm a sucker for punishment. I now have approx. 200 route maps (with accommodation listings en-route), to draw for each intersecting town.
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
A junky huh... Sorry you are addicted my friend but it is looking quite professional... Hey what do you think of the few updates of mine? Gonna redo the flash tomorrow on the index. Drivin me nuts being high up in all the searches and no economy to back it up. In a perfect world I have a thousand dollar a day website but now it is a big fat slug.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
the problem with borders and tables in yola is knowing the approximate size you need to make them. Now that I'm changing my site from MS Word copied to Yola formatting, I'm still going to keep my borders and tables MS Word format in their own widget. They paste pretty nicely, although it doesn't seem to look that way in the sitebuilder (they have extra large spaces added to them) ... on the preview or published site they look fine. I personally suggest using MS Word for borders and tables.

Yola needs to add a button for borders and tables so that it'll add a border or table to the exact dimensions of the text/images that's in them.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
If you want to do as boomer said (place the images next to one another, you can place them in the same widget). If you'd like text in between them, move the middle line all the way against one of them, place the other one in a two column layout and insert text in the other side of the two column layout. If you don't want any of these suggestions but still don't want the white space, you'll have to figure out how to change the background color of that space if possible using a code.
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Thank you all for your help and suggestions. Sorry it took my so long to reply. Kinda of busy at the house and work. It worked out very nicely! Thank you all so much!