Web help
- Started
- Last post
- 17 Responses
- nylon
So I have purchased a theme to do a site for my client.
The rogue page is as follows:
http://www.theforesthost.co.uk/l…
The image is pretty much centred but deepening how big the browser window is it resizes/cuts off part of the image - does anyone know why and how to fix this please.
The crop of the image is not random enough to talk my way out of it. Please help
Thanks
- detritus0
Here's your problem..
“So I have purchased a theme to do a site for my client”.
- dMullins0
a theme that's 99% responsive. that's funny. client page is borked. this site could be sliced up from scratch in 30 mins.
- detritus0
Hold on - it's cutting off because you've bought a responsive site?
That's the functionality you paid for, surely?
- nylon0
Yep - don't take the piss - I'm not a coder - I needed a quick fix...
Please help...
- hans_glib0
i'm not a coder either so please take this with a pinch of salt...
the code is showing that the image has a specific width and height:
<img src="images/img/img_header4.jpg" width="960" height="300">
if you change the width to "100%" and height to "*" this should make the image resize to the div width, and so change width with the browser.
should.
but i'm not an expert
- dMullins0
^ this should work
- Xopher0
Remove the width and height from the markup if you can and just declare
img { width 100%; }
- spmitch0
just change img { width:100%; height: 100%; padding: 0; border: 0;}
line 94 style.css
- nylon0
Thanks Hans
- spmitch0
change all you img not just the inline value
- nylon0
Guys SERIOUSLY thank yo! Much appreciated...
FYI were are looking for freelancers so if you can help going forward - please email me... Thanks
- stoplying0
LFC? Liverpool fan? YNWA?
- nylon0
He is indeed a Liverpool fan!
- mg330
I think the problem is that it's a responsive theme, and maybe the image is meant to shrink fully when the browser is resized.
I had the same problem on a site for a friend. Added this to the image and it then scaled appropriately:
img.WHATEVER {
height: auto;
max-width: 100%;
- mg330
Ha - my response didn't get posted earlier. I see a few of us are on the same page!
- Fuzziest0
It is behaving how it's written.
But you can change the image properties to % instead of fixed dimensions if you have to.
<img src="images/img/img_header4.jpg" width="960" height="300">