aeonex

If that’s your main login account then I would assume so. I personally don’t know how to fix that problem. I’m sure someone else here might ^^

Harknell,

Do you have a reference to “any decent css guide” ?

Have you tested any of the theories you have posted?

“You can usually add that in by adding a css entry for images”

An entry such as?

Attempting to give the img tag a value in the css of a background-color?

(or make a class for images that get added to your images) and add a background image element.

What???

Make a DIV and give it a background-color to show while the image is loading?

What did you have in mind?

Brian,

When you create the page did you verify the page author was set as admin?

Andrej,

You are applying them to each .cat-item that you want spaced out in the CSS, correct?

Incorrect code snippet isn’t actually showing the problem. That entire post was typed wrong :/ .

Since I can’t edit the thread starter the code snippets need to be changed to:

/* input
---------------------------*/
<div id="contactright">
<img alt="image.jpg" src="image.jpg" height="133" width="200">
<p>
<b>T:</b> Phone Number
</p>
<img alt="image2.jpg" src="image2.jpg" height="133" width="200">
<p>
<b>T:</b> Phone Number
</p>

/* output
---------------------------*/
<div id="contactright">
<img alt="image.jpg" src="image.jpg" height="133" width="200">
<p>
<b>T:</b> Phone Number
</p>
<p>
<img alt="image2.jpg" src="image2.jpg" height="133" width="200">
</p>
<p>
<b>T:</b> Phone Number
</p>

Copy and paste the content into notepad so it loses the formatting word gives it, and then manually format it in the wysiwyg.

I was able to pull the code you sent, and unfortunately I don’t see any major flaws that would hide your background color. There’s only a couple of other possible problems that might be present. I did notice two #page styles, but that’s nothing too huge to worry about for now. Either the #page division isn’t adjusting to your content, or there is another stylesheet in use. All your background values currently look valid. If there’s another stylesheet present then we might want to take a look in there. If not, make 100% sure that the content is in the #page division by looking through the source.

Hm, I was almost positive that would fix the problem. Would you mind posting the latest CSS?

Eightmedia,

Try taking off the repeat on “background-color: #000000 repeat;”. There’s not a reason to have that value in the “background-color” definition, and is a good reason why the background color wouldn’t show up.

#page {
background-color: #000000 repeat;
border: 1px solid #959596;
text-align: left;
}

Change that to :

#page {
background-color: #000000;
border: 1px solid #959596;
text-align: left;
}

Eightmedia,

Out of curiosity is the main content nested inside of a DIV of its own? If not I’m not seeing where the #000000 is going to show unless the specified background image doesn’t show up. There’s no repeat value set so your current CSS would have a repeating background image leaving no room for the background color to even show. I’m guessing that the content text is held inside a separate div that needs background properties defined.

What does the ‘main body background colour’ code look like?

body {
background-color: #HEX;
}

Something similar to that?

Again, if this were my personal problem I would utilize a print CSS. You can assign your images different classes so they each image has it’s own specified print size (to match it’s actual size) upon print. If I had multiple images I would resize them all to an equal value so I didn’t have as much work to do in the print CSS (make them all 500×500).

You can see an example of what I’m saying here :

https://www.aeonex.net/tuts/printimage/example.html

it’s very basic, but you can at least get the concept. The image shown on screen is 250x250px, but when you print the page the image comes out 500x500px. You can assign multiple classes to different images to match up with original image size.

In your stylesheet:

https://noncollective.com/wp-content/themes/noncollective/style.css

your header has a defined background of:

#header {
background: #ebeaf5 url('images/logo.gif') no-repeat left;
}

If you delete that from your style.css, you won’t have the problem with duplicate images for your header.

Since you have that defined background image PLUS

<div id="headerimg">
<a href="https://noncollective.com"><img src="https://noncollective.com/wp-content/themes/noncollective/images/logo.gif"></a>
</div>

already in your HTML, you’re getting “duplicate” images.

-Ryan

You’re completely right master moshu :). I wasn’t even paying attention that it was the comments-popup.php file that was linked.

<ol id="commentlist">
<?php foreach ($comments as $comment) { ?>
	<li id="comment-<?php comment_ID() ?>">
	<?php comment_text() ?>
	<p><cite><?php comment_type('Comment', 'Trackback', 'Pingback'); ?> by <a target="_blank" href="<?php comment_author_link() ?>"> — <?php comment_date() ?> @ <a href="#comment-<?php comment_ID() ?>"><?php comment_time() ?></a></cite></p>
	</li>

should fix it. Feel free to correct me if I am wrong moshu.

Yes when you take a 350px X 350px image and force it to be 510px x 510px it’s going to get pixelated and distorted. I wasn’t thinking you would assign all images the same image size. If you’re coming up with a solution that just randomly changes image size upon print, what is the rest of the content going to look like if you don’t set everything in a print.css file? It will probably move all of your text positioning and other elements all over.