Display is breaking image alignment in HTML

11 posts from 2 voices

• Started 1 year ago by robinsonsampa
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   robinsonsampa
   Member

   Hi, I'm trying to put this single html page http://www.pulsarstudio.com.br/files/fix/ inside Display here, http://www.pulsarstudio.com.br/fix/ but for some reason it is breaking the pictures alignment, as you see in paypal and gift pictures. Can someone help me to solve this? Thanks.

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   in style.css change:
   

   #main img{
   float:left;
   margin-bottom: 5px;
   display: inline;
   }

   to:
   

   #main img{
   margin-bottom: 5px;
   display: inline;
   }

   Posted 1 year ago #
3. 

   robinsonsampa
   Member

   Thanks so much dude!!!!!!!!!!!!!!!!!!!
   It works!

   Posted 1 year ago #
4. 

   robinsonsampa
   Member

   Hey, its me again, and about that?!?
   http://www.pulsarstudio.com.br/files/fix/index1.html
   Here it's perfect, but see wht happens in Display:
   http://www.pulsarstudio.com.br/fix

   Is there any secret code to solve this too? :D

   Posted 1 year ago #
5. 

   Dude
   Dude

   This would require a complete rewrite of the table styling in Display. Please use an iframe, lightbox, etc. to display the newsletter.

   Posted 1 year ago #
6. 

   robinsonsampa
   Member

   Great idea!.... iframe works flawlessly!!!

   Thks so much for the help!

   Posted 1 year ago #
7. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 1 year ago #
8. 

   robinsonsampa
   Member

   Hi! Now I'm with a new problem with this. If I use an iframe, it looks great but disable the display "lightbox" function.
   I'm trying to show some movies on this page, like I generally do using lightbox, like you can see on the top picture:
   http://www.pulsarstudio.com.br/fix
   But the same function will not work inside the frame. Is there any chance to make it works with iframe, or maybe a better solution to keep my html design intact?

   Posted 1 year ago #
9. 

   Dude
   Dude

   You need to implement the lightbox on the html page you'd like to display in the iframe. It's pretty easy - you just need to download the lightbox files from here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ and include the css/js files in the header of your html/iframe document.

   Posted 1 year ago #
10. 

    robinsonsampa
    Member

    Hi dude, really thanks for your patience and help. I'm trying to do my best =)
    But the iframe solution have some problems, even if I use the pretty photo on html page, there's a new problem:
    http://www.pulsarstudio.com.br/fix1
    The lightbox will open inside the iframe, so it will center in iframe and the movie will start outside the window view, and the dark transparency will not cover all the page.

    Posted 1 year ago #
11. 

    Dude
    Dude

    That's obviously the drawback of iframes. To be honest I've no idea how to overcome it.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.