Css/workpress allignment issues

Get Started
1

hey guys I’m trying to configure a nextgen gallery for my custom wordpress theme. However for some reason it floats to the bottom of the page. here is the CSS to control it(well I think it does)


.ngg-thumbnail {
	float: left;
	margin-right: 0px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:3px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

This is the page http://www.worktopmagic.co.uk/articles/?p=145&preview=true

what’s the best way to make them start at the top of the post. I don’t think its to do with my other css for the actual template because when I make just a text post or put one image in it, it shows from the top.

2

Yeah, Firebug will solve a large amount of your problems. Having a good way of debugging in any sort of coding or scripting is essential, and there are a few more available for web designers too. Glad you got it worked out though. :slight_smile:

3

heres the full css code for that section just in case it something else



[//* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 90%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 3px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:3px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}
4

Having worked through the code, it looks like it seems to be braking out of my content div. any ideas how to stop this from happening or a way round it

5

lol got it sorted, and in the process found the firebug add on for firefox! wow what a tool!