Tremor

Just tried the uploader + all my plugins on another computer (running XP). I am using Vista on my own machine. All my plugins except for OpenID work with the uploader on the XP machine. So I’m thinking that it’s something to do with the flash drivers i have installed on Vista. Can any moderators comment on this please?

Note, smaller images will upload, but big images get HTTP errors, both on the XP setup and Vista

So, try uploading on a different computer/version of windows.

I have serious problems too. It’s a plugin conflict (or several). When I disable all my plugins, the uploader works, but certain plugins cause conflicts in combination with others, or so it seems. For example, if I add any of the following plugins to my other plugins, the uploader stops working and I get HTTP errors (both on the flash uploader and normal uploader): OpenID, WP-Polls, YARPP, Twitter for WordPress, WP-Print, WP-Postviews, Dofollow, Headspace2 (etc). It seems to be a problem when some plugins are used together, as certain ones will work on their own and allow image uploading.

What can I do? Disabling all plugins is not a practical solution. The image uploader has been a problem for me for some time now even before 2.7 and I have implemented the changes in my htaccess file to no effect. Is there an alternative plugin that allows the same as the WP uploader? Everything in 2.7 is working well apart from the uploader…

I should add that the uploader throws up a HTTP error, but still uploads the image. However, no thumbnails or re-sized versions are generated.

Nice design! Out of interest, how did you get the post titles to use a non-standard font?

Hey John. Thanks for the reply and flattering words as always ^^.

It’s interesting to hear about the arrow problem. I would never have known! What are the implications of using them and being read by screen readers?

Btw, if you use twitter, I’m at ‘knowingnothing’ ^^

Any information on post classes?

All done: View the post here ^^

https://michaeldowney.net/css-image-rollovers

Cool. Will do. Busy with essay and stuff right now, but will get around to it!

Nice link. It explains positioning clearly.

No, I’m perfectly happy with all the help you’ve given me! Thanks so much for your time. One day I’ll have time to really learn CSS properly I’m sure, but I feel I’ve made a pretty good start so far ^^.

I’ll probably do a short write up about all this on my journal sometime soon. Any site you’d like me to link to? I noticed your homepage is under construction…

Okay, that’s everything but the drop-downs done. I was a pain to get the images working again. I had to re-jig it so that I use z-index to overlap the links. Unless you know of any way to specify an exact point on an image to hyperlink? Effectively all I am doing is hiding the other transparency changes under the main image by sing z-index…

#menu{

	float: left;
	padding: 0;
	margin: 0;
	font-family: Georgia, sans-serif;
	font-size: 25pt;
	font-weight: bold;
	width: 762px;
	height: 100px;
	position: absolute;
	top: 300px;
}

#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#menu ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a{
	text-decoration: none;
	color: #003300;
	border-bottom: 0 none;
}

#menu a{
	overflow: hidden;
	position: absolute;
	left: 50px;
	top: 28px;
	height: 43px;
	width: 655px;
	background: url(images/kn-menu.png) top left no-repeat scroll;
	border-bottom: 0 none;
	z-index: 40;
}

#menu a:hover{
	overflow: hidden;
	border-bottom: 0 none;
}

#menu .home a{
	width: 125px;
	float: left;
	z-index: 50;
}

#menu .home a:hover{
	background:url(images/kn-menu.png) 0 -42px no-repeat;
}

#menu .about a{
	width: 275px;
	float: left;
	z-index: 49;
}

#menu .about a:hover{
	background:url(images/kn-menu.png) 0 -42px no-repeat;
}

#menu .goodies a{
	width: 465px;
	float: left;
	z-index: 48;
}

#menu .goodies a:hover{
	background:url(images/kn-menu.png) 0 -42px no-repeat;
}

#menu .topposts a{
	width: 655px;
	float: left;
	z-index: 47;
}

#menu .topposts a:hover{
	background:url(images/kn-menu.png) 0 -42px no-repeat;
}

#menu span {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}

This site was also great for checking gout IE6 and such. Do you know if z-indexes work properly on IE6 and Mac? It was a bit strange (the image rollovers don’t work in IE6, but the links do…)

https://www.my-debugbar.com/wiki/IETester/HomePage

*Nods. I’ll get onto those then.

I have a question about your site. How do you use the href=”#something” command to link to different points on a page? I tried searching for it, but I don’t know what that type of linking is called so I couldn’t find any tutorials.

I guess I’d better get reading up on creating drop down lists then. Looks like that will be my next challenge when I have time ^^ If you know of any useful tutorial sites, please point me in their direction.

Thanks again!

Excellent! All fixed up.

I used this code for the pictures to ‘move’ and fake transparency:

#logo {
	float: left;
	padding: 0;
	width: 762px;
	height: 300px;
	margin: 0 auto;
	position: absolute;
}

#logo ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#logo ul li{
	display: inline;
	margin: 0;
	padding: 0 0;
}

#logo ul li a{
	text-decoration: none;
	color: #003300;
	border-bottom: 0 none;
}

#logo a{
	overflow: hidden;
	border-bottom: 0 none;
}

#logo a:hover{
	overflow: hidden;
	border-bottom: 0 none;
}

#logo .knowingnothing a{
	position: absolute;
	top: 74px;
	left: 81px;
	width: 296px;
	height: 123px;
	background:url(images/kn-header-mouseover.png) 0 0 no-repeat;
}

#logo .knowingnothing a:hover{
	background:url(images/kn-header-mouseover.png) -296px 0 no-repeat;
}

#logo span {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}

And this code to get my floats separated:

<div class="browse"><span style="float:left"><?php previous_post_link('&laquo; %link') ?></span> <span style="float:right"><?php next_post_link(' %link &raquo;') ?></div></span>

The images flicker a little hovering over them at first, but I guess that can’t be avoided… The only real problem is the image file size, since they are PNG images I have to use (GIF quality is not good enough). Thanks again for all your help! I’ve really learnt a thing or too in the past few days ^_^

Any other thoughts?

Looks nice and simple. Like the option of changing the text size at the top. A few things I would change:

Don’t link to flicker with your image. I didn’t appreciate having to click ‘back’ to return to the site. Maybe use a text link or something.

Have your ‘next button visible at the top next to your image.

Don’t hide the ‘recent posts’ list. I thought you had nothing but the tree photograph on your site at first.

Clicking on ‘read on’, I expected something about the picture to read, not just photographic information (but this might just because I don’t photoblog.

Sorry it’s a bit negative! The site is by no means bad! Keep going ??

Interesting… So you’re saying you adjust the position of the background image vertically on mouseover and such? How do you hide the other parts of the image then? Sorry if I’m missing something obvious…

Ha. I knew I spoke too soon. I have validation errors saying the ‘opacity’ property doesn’t work in CSS 2.1 and such… Any ideas?

Also, IE isn’t recognising the opacity functions at all. Just like IE then.

Well, it took me all night, but I solved the first problem! The new links are great, and I finally have a linking title!

Still have to solve that alignment problem though. Any ideas?