Solved

Eliminating white margins around images

Posted on 2014-03-08
6
254 Views
Last Modified: 2014-03-08
A webmaster designed a site for me at www.mauivacationrental.com.  I've tried to apply a background image so that it is uniform throughout the page, but there are narrow white borders or margins around images.  The CSS is complex, and I haven't found a way to eliminate these borders.  I'd appreciate some guidance.   I think the easiest page to analyze is www.mauivacationrental.com/contact.htm    I'll upload the main stylesheet.p7affinity-1-01.css
0
Comment
Question by:ddantes
  • 3
6 Comments
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 500 total points
ID: 39914378
In your global_css.css file you have this (line 32):

.blocks-inner {
    border: 2px solid #FFFFFF;
    margin: 0;
}

Open in new window

Which is setting the white border. Just remove the border rule
0
 
LVL 16

Expert Comment

by:rbudj
ID: 39914900
Chris is correct. You need to remove the border style in your global_css.css file:

.blocks-inner {
     margin:0;
}
0
 

Author Comment

by:ddantes
ID: 39914901
Thank you!

I apologize for mistakenly awarding points to the response which affirmed a correct answer that appeared above it.  I've requested attention to correct this.

I just posted a related question, if you have time and interest...
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_28383652.html
0
 

Author Comment

by:ddantes
ID: 39914929
Thank you.
0
 

Author Comment

by:ddantes
ID: 39915309
Hello again, Chris:  On smaller screens, images abut one another with no intervening space, since removal of the border style.  Is there a "transparent" border which I could apply?

Please disregard.  I found out how to do that.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Why is this panel heading creating extra space 2 57
Porbably easy CSS question about overlapping and offset images 21 36
How to position loader with CSS 3 55
css selector 1 21
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question