WordPress.org

1. erusch
   Member
   Posted 5 years ago #

   As you can see, the type is snug up against the image border at http://breadtopia.com/bread-bakers-bookstore/

   Does anyone know how I create space around the border? Or maybe get rid of the border which would make it look like there's space?

   The image code is currently:

   <iframe src="http://rcm.amazon.com/e/cm?t=breadtopia-20&o=1&p=8&l=as1&asins=1580082688&fc1=000000&IS2=1&lt1=_blank&lc1=0000ff&bc1=000000&bg1=ffffff&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

   I tried putting hspace="10" vspace="5" align="left" in. the align="left" worked but not the spacing.

   Eric

2. doodlebee
   Member
   Posted 5 years ago #

   <iframe style="margin-right:10px;">

3. vavroom
   Member
   Posted 5 years ago #

   first remove the styling references from your iframe code in the php file.

   then in your style.css, add the following:

   iframe {
border:0;
margin:0 0.5em 0.5em 0;
width:120px;
height:240px;
}

   That *should* give you what you want. The key here is to give margin to the right and bottom of your iframe. I suggest 0.5em, but you may want to play with that value.

   hspace and vspace are old, deprecated attributes that are wonky at best.

4. erusch
   Member
   Posted 5 years ago #

   Awesome, thanks guys.

   Eric

5. vanhoolpilot
   Member
   Posted 5 years ago #

   Wonky, old or not... what I want to do is add something to the script that will automatically add vspace=10 hspace=15 to all photos inserted into a story when I click the INSERT IMAGE icon or the INSERT IMAGE FROM G2 icon. The INSERT IMAGE FROM G2 icon puts an image into the text without any word wrap at all and looks sucky. When I use the INSERT IMAGE icon that you enter a URL in, it does word wrap the text around the photo, but does not add any spacing so the photo can BREATHE. I had to manually go into the html of the story and add the vspace=10 hspace=15 coding. I want to have that done automatically with every photo I insert using the INSERT IMAGE applicator built into WordPress. HOW??????

6. vanhoolpilot
   Member
   Posted 5 years ago #

   *Which php file???

   ==================

   *first remove the styling references from your iframe code in the php file.

   then in your style.css, add the following:

   iframe {
   border:0;
   margin:0 0.5em 0.5em 0;
   width:120px;
   height:240px;
   }

   That *should* give you what you want. The key here is to give margin to the right and bottom of your iframe. I suggest 0.5em, but you may want to play with that value.

   hspace and vspace are old, deprecated attributes that are wonky at best.

Topic Closed

This topic has been closed to new replies.