thanks!

.fr {
float: left;
}

Note that CSS editing questions should be posted in the CSS forum, not the Support forum.

Please post back if that was a different issue and you still need help.

I have my sidebar set to float:left and main part of the page floating to the right, but when I when the window's at less than full screen, the sidebar gets completely hidden - you can't scroll over to it, it just gets stuck off page until the window's big enough.

I was wondering if there was any way I'd be able to set it up so it sticks in place and doesn't go off-screen with smaller windows?

(My URL is macinphormer.com)
Here's the code:

#sidebar {<br /> position:absolute;<br /> width:230px;<br /> padding:10px;<br /> background:#FFFFFF;<br /> clip:auto;<br /> float:left;<br /> margin-left:-316px;<br /> margin-top:-241px;<br /> }</p> <p>#main {<br /> width:600px;<br /> float:right;<br /> margin-right:100px;<br /> padding:0;<br /> }

This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

This is an automated message.

I've installed a newsletter sign up plugin, (Newsletter Sign-Up) but I'm having trouble positioning it.

The code I need to put in is one PHP line

<?php if(function_exists('nsu_signup_form')) nsu_signup_form(); ?>

Thats ok, it works fine but as soon as I put it in a div and float the div, it won't let me input
anything into the boxes.

the code is:

<div id="signup">
 <?php if(function_exists('nsu_signup_form')) nsu_signup_form(); ?>
</div>

CSS is:

#signup{
             float: right;
             }

Its driving me insane, because as far as I know- its ok to put PHP inside a floated div, and my CSS seems to be ok.
Has anybody else had any issues?
I appreciate any feedback!

Padraic

#site-wrapper {
background: url("IMAGE URL") repeat scroll 0 0 #FFFFFF;
z-index: -1;
}

#footer {
background: url("IMAGE URL") repeat scroll 0 0 #FFFFFF;
margin-top: 0;
width: 700px;
}

If you want to use only a solid color and not an image, then change the two background declarations above to the following and edit the hex color codes.

background: #FFFFFF;

I'm using manifest as my theme, and I found another blog using manifest with the effect that I want - http://www.stanceworks.com/

On the stanceworks site the 'middle background' seems to float above the dark background, I'd like to be able to do that.

Again, I'm sure I'm not describing this right, I'm very new to CSS, any info on how to do this would be great! Thanks!

Sadly the normal p and br tags don't show in the editor in wordpress and that can make it difficult to track down some of these issues. I guess they do it to keep from confusing those not versed in HTML, but it makes it difficult to troubleshoot.

Anyway, the important thing is the issue is resolved for you.

<p style="text-align:justify;">
<h5>Regional Update</h5>
<img style="float:right;border:0 solid #aaa;margin:0 10px 10px;padding:5px;" src="http://wakefieldsocialistparty.files.wordpress.com/2012/01/regionalconffeb2012.jpg?w=150" alt="Photo of Attendee's at the February 2012 Regional Socialist Party Conference" title="Attendee's at the February 2012 Regional Conference" width="150" height="112" class="aligncenter size-thumbnail wp-image-227" />This weekend (4th-5th February) saw an enthusiastic gathering of comrades from across the region for this years first Regional Conference. Both day's featured an introductory lead in by guest speakers from outside the region until lunch, with multiple commissions to follow before a finally summarising speech and a round of comments and feedback from the floor. The first days focus was on political topics, with the second day having a more practical theme. A collection for the fighting fund also raised in excess of £350!. Further details are provided on our blog post for the event, on our News page.
</p>

This weekend (4th-5th February) saw...
to start right at the end of the image code. In other words, you want it to look like this:

`<p style="text-align:justify;">
<h5>Regional Update</h5>
<img style="float:right;border:0 solid #aaa;margin:0 10px 10px;padding:5px;" src="http://wakefieldsocialistparty.files.wordpress.com/2012/01/regionalconffeb2012.jpg?w=150" alt="Photo of Attendee's at the February 2012 Regional Socialist Party Conference" title="Attendee's at the February 2012 Regional Conference" width="150" height="112" class="aligncenter size-thumbnail wp-image-227" />This weekend (4th-5th February) saw an enthusiastic gathering of comrades from across the region for this years first Regional Conference. Both day's featured an introductory lead in by guest speakers from outside the region until lunch, with multiple commissions to follow before a finally summarising speech and a round of comments and feedback from the floor. The first days focus was on political topics, with the second day having a more practical theme. A collection for the fighting fund also raised in excess of £350!. Further details are provided on our blog post for the event, on our News page.
</p>

Here's is the code for that section of the page.

<p style="text-align:justify;"><br /> <h5>Regional Update</h5><br /> <a href="http://wakefieldsocialistparty.wordpress.com/2012/02/06/february-2012-regional-conference/"><img style="float:right;border:0 solid #aaa;margin:0 10px 10px;padding:5px;" src="http://wakefieldsocialistparty.files.wordpress.com/2012/01/regionalconffeb2012.jpg?w=150" alt="Photo of Attendee's at the February 2012 Regional Socialist Party Conference" title="Attendee's at the February 2012 Regional Conference" width="150" height="112" class="aligncenter size-thumbnail wp-image-227" /></a><br /> This weekend (4th-5th February) saw an enthusiastic gathering of comrades from across the region for this years first <a href="http://wakefieldsocialistparty.wordpress.com/2012/02/06/february-2012-regional-conference/" title="February 2012 Regional Conference"> Regional Conference</a>. Both day's featured an introductory lead in by guest speakers from outside the region until lunch, with multiple commissions to follow before a finally summarising speech and a round of comments and feedback from the floor. The first days focus was on political topics, with the second day having a more practical theme. A collection for the fighting fund also raised in excess of £350!. Further details are provided on our blog post for the event, on our News page.<br /> </p>

Space between lines. > http://wpbtips.wordpress.com/category/space-betweeen-lines/
Space between paragraphs > http://wpbtips.wordpress.com/category/space-between-paragraphs/
Formatting poetry http://en.support.wordpress.com/writing-and-formatting-poetry/

The page I am working with is http://wakefieldsocialistparty.wordpress.com/

I've come across an issue with page rendering that's driving me daft!! I created a page to showcase my designs, and regularly update it either moving artworks or updating them. My page contains a number of images, all of which have been CSS styled **exactly the same way** in the HTML editor (float left, margin-right etc.).

When the page is viewed however, there are spaces rendered between images that just shouldn't be there – and checking the HTML source output doesn't show any spurious spacing, margin or padding code... each image line is identical from a CSS perspective.

It's got me baffled, and a bit frustrated. Any ideas?

The page can be viewed here – http://mrmacmusic.wordpress.com/iphone-cases/ with suspicious spacing appearing after the first line of "More Designs".

Rich

.entry-date {clear:left;}

Since I don't know where you want the date in relation to the post title and other meta data, I've just arbitrarily placed it below everything using position: relative; and left and top declarations.

.entry-date {
left: -145px;
position: relative;
top: 150px;
}

By using position: relative, it will always position the date relative to where it was originally so it will be positioned consistently from post to post.

If you want the date under the post title, then you will need to use position relative and top declarations for the other elements to move them down.

Thanks for the reply.

Yes I am talking about floating the post title and meta data under the left. In the content column I want to float the meta data, title, date etc in the left column of the content column. The date is not playing ball and if I set the post to list more than 1 then titles etc won't line up.

Thanks

Rich

Need a little more information.

Here is the blog:
http://littlebigfoot.org.uk/

Thanks

Rich

Here is the blog:
http://littlebigfoot.org.uk/

Thanks

Rich