nakedape

Hi thatnight,

On your homepage (https://thatnight.net/) view the source of your page (normally View menu, then View source.

This is the page to which the line numbers refer. This .html page is your homepage as it is after being parsed by the PHP parser (google something like ‘learn php’ to find out more).

Copy the source page to the clipboard (ctrl+A to select all, then ctrl+C to copy). Now open notepad (or the Mac equivalent), and paste the copied text in (ctrl+v). Now turn off word wrap via the Format menu, and turn on the status bar via the View menu. This allows you to see what line you are on, and this is shown at the bottom of the notepad window.

This will give you an idea of where the problems are occurring.

To rectify said problems, you need to do so in the original PHP file of your homepage. Do this through the WP Theme Editor.

Good Luck, hopefully I haven’t left anything important out nor put anything unimportant in… but both are likely cos it’s 1:30am and I’m tired.

-John

This css must have some dodgy content:

@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/css/print.css");

ditch it and the missing components come back.

fyi, I tried reverting the css @imports to links, and it results in the same problem as before.

no, that’s not it, there are 6 stylesheets linked to in the markup, whooami…

It is something caused by your javascripts

I got it to work by rearranging your css links (which I also changed to @imports, not sure if that made a difference, but it shouldn’t have, except perhaps to netscape) such that your js was after the css links.

Like so:

<style type="text/css">
		@import url("https://cspencerbeggs.com/wordpress/wp-content/plugins/contactforms/cforms.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/dd-multi-col-cats.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/style.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/css/print.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/css/rollingarchives.css");
		@import url("https://cspencerbeggs.com/wordpress/wp-content/themes/k2/styles/kutline/styles.css");
</style>

<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/prototype.js.php?ver=1.5.0'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/effects.js.php?ver=1.7.0'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/k2functions.js.php?ver=223'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/slider.js.php?ver=1.7.0'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/trimmer.js.php?ver=247'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/rollingarchives.js.php?ver=224'></script>
<script type='text/javascript' src='https://cspencerbeggs.com/wordpress/wp-content/themes/k2/js/livesearch.js.php?ver=262'></script>
<script type="text/javascript" src="https://cspencerbeggs.com/wordpress/wp-content/plugins/contactforms/js/cforms.js"></script>

However, with this fix some components are missing… but it’s a start.

btw, your styles were also not showing in IE7

Good luck.

– John

no hints?

Hi timtastic,

Not too difficult to do… it’s really more of an issue of familiarisation with CSS styling.

Check https://www.ads-software.com/support/topic/110773?replies=11#post-535519 for a discussion Gioska and I have been having. I tried it out for fun and it was really not too difficult (if you have some CSS background knowledge).

Good luck, and get in touch if you need more guidance.

– John

and as for your other support question (https://www.ads-software.com/support/topic/87601?replies=2)

I don’t know if you are still seeking an answer to this, but…

To constrain the width, have you tried something along the lines of:

.post img {
	max-width: $$$px;
	height: auto;
	}

where $$$ is the desired maximum width??

Similarly, you can restrain the max-height..

Let me know if it doesn’t work.

– John

Touché, gioska..

Well I pretty much replicated the bestwebgallery home page without any problems. Let’s just say that I’m a quick learner. lol

You’re welcome Gioska,

If you would like to discuss the job with me, email me at my previously listed email address. ?? I may be willing to make it for you.

– John

lol, you should start by reading this: https://codex.www.ads-software.com/The_Loop_in_Action

it’s really quite simple.. I’m fairly new to php and very new to WP.

I got it to work, but you should try figure it out after reading that codex doc.

good luck,

– john

Rearrange the loop so that the_content comes before the_title, the take out anything you don’t need.

Then go write your post, type in your hyperlink (with the image as the linking element) a la

<a title="" target="" href=""><img alt="" id="" src="" /></a>

(Just make sure that you are in code view when writing the post.)

Then style the markup accordingly (enter css…)

Then add sidebars or whatever other elements you need.

Should do ya,

– John

Open the page you want to show this layout in, view source, email me the source and your stylesheet/s and I’ll take a look.

[email protected]

=)