Re: Module alignment is off

milos wrote:

Problem is with css style with ID "header". You have a css style with the same name in your template.css. You can:

1. Change this style name in your template files index.php and template.css

It worked! Thanks so much.

www.ridgefieldclub.com/

I uploaded the site temporarily to this url. thanks again for your help!

Please try to open index.php of you template and change style of this module position to "xhtml". Should be something like: or try this: Of course, change user1 with name of your module position.

Thanks, that did it!

one other question - is there any way to get the picture "behind" the other images, so that the right edge of the picture would disappear if the screen narrows?

In other words, if the center white box gets narrower than the picture size, can I make it so that the right side of the picture would disappear?

Thanks again!!

Ken

I put width to auto under positioning, and this did the trick

I am also having a similar problem with my installation as well. Here's my URL:

174.132.162.162/~ncu2010/

The slideholder is about 2-3px indented when it should be flush against the left margin.

I don't have any header conflicts with my CSS that I can see. Here's the rest of my styles.css:

a img {
border:0;
}

div#top div#nav ul {
float:left;
list-style-type:none;
}

div#nav ul li {
float:left;
height:52px;
}

div#nav ul li a {
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}

div#headerslider {
margin:-1px 0 0;
}

div#video-header {
margin:-1px 0 0;
}

div#headerslider div#slide-holder img {
margin:0;
display:none;
position:absolute;
}

div#headerslider div#slide-holder div#slide-controls p.text {
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
overflow:hidden;
}

div#headerslider div#slide-holder div#slide-controls div#slide-nav a {
float:left;
width:24px;
height:24px;
display:inline;
font-size:10px;
margin:170px 5px 0 0;
line-height:24px;
font-weight:600;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
padding:0;
}

div#headerslider div#slide-holder div#slide-controls div#slide-nav a.on {
background-position:0 -24px;
}

div#nav ul li a {
background:none;
}

Great module...any help greatly appreciated!!