Website Q: Stretch across screen?
Website Q: Stretch across screen?
Author
Discussion

Taita

Original Poster:

7,995 posts

232 months

Thursday 2nd October 2008
quotequote all
Hey there,

I'm looking to increase the amount of PC repairs I do, so have thrown together a WP site. However, the theme only takes up a small part of the screen. Images are fixed width, so is it just down to me running at a huge resolution?

The website in question is: http://www.northwestpcrepair.co.uk/ which is running Wordpress as I'm nice and lazy smile.

This isn't the ideal theme, I had one called MistyLook however whenever I replaced the header image it would mess up dimensions etc. If anyone would like to knock me up a quick logo for a few quid, let me know.

Edited by Taita on Friday 3rd October 11:32

Mr Will

13,719 posts

235 months

Friday 3rd October 2008
quotequote all
Looks fine on my laptop, but there is black space at both sides and the bottom on my desktop screen.

Everything seems to be a fixed height and width, which is going to make it look odd on large screens and need scrolling on small ones.

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
I've changed it back to the original theme now.

I don't know why but when you upload an image for the header it wants it to be 809 X 190px but then crops and squashes the image. Any ideas?

miniman

30,019 posts

291 months

Friday 3rd October 2008
quotequote all
Taita said:
I don't know why but when you upload an image for the header it wants it to be 809 X 190px but then crops and squashes the image. Any ideas?
The CSS acting on the image sets it to 200px high and then applies a 10px top and bottom margin. The different ways that browsers interpret the border box model means that the outcome won't necessarily look the same in IE vs Firefox. That said, it looks ok to me in IE7 and FF3.

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
miniman said:
Taita said:
I don't know why but when you upload an image for the header it wants it to be 809 X 190px but then crops and squashes the image. Any ideas?
The CSS acting on the image sets it to 200px high and then applies a 10px top and bottom margin. The different ways that browsers interpret the border box model means that the outcome won't necessarily look the same in IE vs Firefox. That said, it looks ok to me in IE7 and FF3.
Hmm, what dimensions should I create a header image to, to stop or minimise the fkup smile

Thanks for your help.

miniman

30,019 posts

291 months

Friday 3rd October 2008
quotequote all
Can you post up the original picture? I can't see anything wrong with the one on your site.

The container width is 780 and the picture height is set to 200, with 10px margins all round. So in theory 760 x 180 should work fine.

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
Its this one

http://img229.imageshack.us/my.php?image=nwpcrfz1....
Its on the site now. Created in Paint.Net where it looks fine. As soon as you upload it thru the theme config it looks ste.

Would like a logo knocking up too, using part of an image like these:
http://www.sdragons.com/Fractals/Blue%20Bennie%20a...
http://www.tcpmusic.com/fractal/Blue_Horizon%20128...
http://i149.photobucket.com/albums/s69/AllstarEnte...

so if any designers wander past.

miniman

30,019 posts

291 months

Friday 3rd October 2008
quotequote all
Try this version:

http://www.binaryimage.net/ph/nwpcr.jpg

ETA - do Rockstar like what you've done with their font? wink

Edited by miniman on Friday 3rd October 13:29

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
miniman said:
Try this version:

http://www.binaryimage.net/ph/nwpcr.jpg

ETA - do Rockstar like what you've done with their font? wink

Edited by miniman on Friday 3rd October 13:29
hehe I knew I recognised it, I nicked it off DaFont.com. I think I might get one of the 90 artists in this building to knock me up a logo smile.

Could you recommend an alternative font that would suit, as I am aware of the possibility of Rockstar throwing their toys out the pram.

Kinky

39,941 posts

298 months

Friday 3rd October 2008
quotequote all
I quite like it just as it is paperbag

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
Kinky said:
I quite like it just as it is paperbag
Thanks, but the image looks a bit grainy and wky.

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
See, I created an image with the same dimensions as http://www.binaryimage.net/ph/nwpcr.jpg which is at http://img58.imageshack.us/my.php?image=nwpcr1ln3....

but when I upload it, it makes it weird.

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
Bah, I think I'll use minimans version www.northwestpcrepair.co.uk.

Header image just looks... grainy?

Kinky

39,941 posts

298 months

Friday 3rd October 2008
quotequote all
Taita,

Just dropped you an email wink

K

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
Kinky said:
Taita,

Just dropped you an email wink

K
Replied.

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
I think its because it doesn't actually insert the image in the usual way, the theme turns it into a background image, hence it messing up the quality etc.

CzechItOut

2,156 posts

220 months

Friday 3rd October 2008
quotequote all
It looks greats.

Wordpress is a super platform for a cheap and easy content managed site, like yours.

I'm not a massive fan of the logo - do you really need your company name twice, once in the header and again in the image.

For something that looks "cool" try slicing a section out of a larger imagine, a bit like this:

http://searchengineoptimisation.yourspaced.com/

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
CzechItOut said:
It looks greats.

Wordpress is a super platform for a cheap and easy content managed site, like yours.

I'm not a massive fan of the logo - do you really need your company name twice, once in the header and again in the image.

For something that looks "cool" try slicing a section out of a larger imagine, a bit like this:

http://searchengineoptimisation.yourspaced.com/
Thats actually a bloody good point. Ideally I'd like to thin down the image, so it isn't so thick too.. Hmm

Taita

Original Poster:

7,995 posts

232 months

Friday 3rd October 2008
quotequote all
What do you think now? I'd like it to be a bit thinner. More of a division rather than a big focal point. I'll have a look at the code.

Kinky

39,941 posts

298 months

Friday 3rd October 2008
quotequote all
Just a personal observation, but for the image you have ..... is it worth having something PC related in some way?

I don't see the connection between smoke (or jellyfish) and PCs - unless it's to do with PCs blowing up hehe

What about something like ..... (just made it up)