Learn VBA & Macros in 1 Week!

CSS - Please Help Identify This Gap

Full Excel VBA Course - Beginner to Expert

Please Help Identify This Gap	View Content

Hi,

Ive got two gaps on my site that for the life of me I cant find out what is causing them. Ive even resorted to putting lots of margin: 0px; in the places I think might be causing it, but it doesnt help.

I know my code isnt great, but im learning a lot, and I would apprecaite it if someone could help me understand why this is happening.

Here is a link:
http://www.zombiemod.com/rm/nina2/main.php?g2_itemId=14

The first space im trying to remove is between the main image and the thumbnails. The second space im trying to remove is between the thumbnails and the grey border at the bottom of the page.

This is the CSS that may be relevant:
Quote:
#main-image-container #sliding-frame p {
position: relative;
/*height of yellow box
overflow: hidden;*/
margin:0px;
padding:0px;
}

#main-image {
/*position: absolute;*/
z-index: -1;
background-color: #111;
}

#thumbs-container{
/*margin:-110px auto 0 auto;*/
padding-left:0;
padding-right:0;
margin:0 auto !important;
text-align:center;
width:680px;

}

Can anyone offer some insight?

Full Excel VBA Course - Beginner to Expert

Hot To Identify Different Styles For Different Links

Similar Tutorials

View Content

I found this code somewhere for CSS buttons I'd like to use:
Code:

<html>
<head>
<style type="text/css">
a:link, a:visited
{
  float: left;
  margin: 2px 5px 2px 5px;
  padding: 2px;
  width: 200px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #cccccc;
  text-align: center;
  text-decoration: none;
  font: normal 10px Verdana;
  color: black;
}

a:hover
{
  background: #eeeeee;
}

a:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}
</style>
</head>
<body>
<a href="#">Content</a><a href="#">Photographs</a><a href="#">Events</a>
</body>
</html>

My question is: Since this code defines styles for a:link, a:visited etc, how do I define styles for "normal" links in the rest of the page? That is, if I just wanted all links to be red (apart from the CSS buttons links already shown) how would I define that?