sam_a

https://validator.w3.org/check?uri=https://www.guitarcameron.com/blog/bio/

You may have left off the closing tag for a DIV.

Which browser are you seeing the problem in?

Sounds like a “Float drop” problem, probably from IE enlarging your boxes:

https://nemesis1.f2o.org/aarchive?id=11

The static pages look fine in IE, but in Firefox the page background is transparent so the tiled.jpg shows through.

Hi gothmog. Can you provide a link?

If you made a new Page template, go to one of your Pages and validate the HTML (might as well do the CSS too) — do that first, it will tell you if there’s problems with the template itself.

To style your “basiccontent” section

<div class="basiccontent">

you want to use the class selector

.basiccontent{ ... }

not the ID selector (#basiccontent), but that won’t explain the IE/Firefox rendering differences.

Firefox is calculating a zero height for #wrapper because its descendants or floated, probably — it’s not actually a background issue.

You can use

#wrapper{ overflow: auto;}

Some Javascript & PHP style-switching options:

https://css-discuss.incutio.com/?page=StyleSwitching

…is there any way to automatically ‘flip the switch’ on the blog if someone selects an alternate style on my main site?

I think so — whatever method switching method you decide on, you can use the same code in your WP templates and in your non-WP pages; is that what you mean?

If I move the [blockquote] tag to inside the previous paragraph — so there are no hard returns — then wordpress doesn’t add the [p] inside the [blockquote] tag and my formatting works.

Hi Damon. I would still recommend keeping paragraphs inside the blockquotes; and definitely don’t put blockquotes inside a paragraph — that’s invalid HTML and it could make the styling unpredictable anyway.

You can fix the styling conflicts by applying text-indent and line-height rules directly to the quoted paragraphs:

/* memoir paragraphs */
.storycontent-cat2 p {
text-indent: 2em; /* indent first line */
}
/* memoir blockquote paragraphs */
.storycontent-cat2 blockquote p{
text-indent: 0; /* no indent */
line-height: 1; /* tighter spacing */
}

Try

#content, .post, .storycontent{
overflow-x: hidden;
}

You also get this problem on the post with the airplane (https://www.avalon5.com/index.php/archives/188)? That image doesn’t look big enough to break the float.

It sounds like you’re copying your memoir text from Word and pasting it (plain text) into the WordPress Enry field?

I think you’ll find it easiest if you actually transform your written “paragraphs” (separated by one line break) into true HTML paragraphs (<p>...</p>) for publishing on WordPress.

If you’re using Markdown for text formatting, you would just need to replace each single line break in your source text with two line breaks.

To indent the first line of each paragraph, you’d use something like

.post p{
text-indent: 2em;
}

This is why you want to use real HTML paragraphs, of course ??

The other item I noticed is the WordPress is adding [p] markers inside of the [blockquote] markers, which is overriding my blockquote formatting.

Adding paragraphs inside blockquotes is actually the right thing to do. What kind of styles do you want for the blockquotes? It should be pretty easy to adapt even with paragraphs inside.

Have you tried a declaration in your css like this:

center {text-align:center;}

and then in the post paragraph code set it like this:

<p class="center">your post here

That first line should be

.center {text-align:center;}

If you want to remove the text wrap in that post only, change the image code to

<img src="https://www.chazsouthard.org/images/panal.jpg" alt="panel of the top scientists and politicians, fighting for a cure for paralysis" style="float:none;display:block;" />

Firefox isn’t showing #wrapper because the height is zero.

HTML > BODY > DIV#blog > DIV#wrapper{
height: 0px
background-image: url(...wrapper_bg.jpg)
background-repeat: repeat-y
}

Try

.storycontent{
overflow-x: hidden;
}

Thanks, alphaoide.

I added this to the Codex (corrections welcome):

https://codex.www.ads-software.com/Backing_Up_Your_Database#Using_CocoaMySQL