Pages: 1
| Posted: 20 Nov 2009 00:15 Last Edited By: pepsi78 | ||
|
Registered User Currently Offline |
Posts: 6 Join Date: Nov 2009 |
|
|
When I place a larger image with the image url buton in the post the site will grow in width and my design will mess up. What do I do to prevent this from happening? My forum is just like this one placed in the middle, once the image is larger than the width of the board then the box of the forum will grow in width and mess up my site theme.
Example: 
The only problem I god a header a logo and a left column to match my site theme, if it was just text without anything like columns then it would be no problem. How do I make it fixed and if the image is lareger then use a scroll on the image. I edited the css and added fixed px values to all the classes that had 100% but it did not help. |
||
| Posted: 20 Nov 2009 00:39 | ||
|
Registered User Currently Offline |
Posts: 6 Join Date: Nov 2009 |
|
|
I also added a fixed width div in the main header and closed it in the footer.
Now all the boxes are back to normal but the one with the image remains larger in width. |
||
| Posted: 20 Nov 2009 10:06 | ||
|
Administrator |
Posts: 1189 Join Date: Mar 2005 |
|
| Maybe you can set the max image width with css? | ||
| Posted: 21 Nov 2009 12:05 | ||
|
Registered User Currently Offline |
Posts: 6 Join Date: Nov 2009 |
|
| How can I do that? Any image uploaded? I looked around in the css file but I can't find anything close to that. | ||
| Posted: 21 Nov 2009 12:10 Last Edited By: pepsi78 | ||
|
Registered User Currently Offline |
Posts: 6 Join Date: Nov 2009 |
|
| I can try something like to define the image tag as a class but then again any image I have on the site would get smaller, my header image included. | ||
| Posted: 17 Jan 2011 19:17 | ||
|
Registered User Currently Offline |
Posts: 19 Join Date: Feb 2007 |
|
| I know this is an old thread but I thought I'd drop a tip in anyway. I came across this problem with another forum software and modified the BBCode so that images where embedded/framed with a max size. All images would automatically be sized to fit without really loosing any quality. I also added a link bellow the images that would open the image to its full size in a new window. | ||
| Posted: 24 Jan 2011 19:09 | ||
|
Registered User Currently Offline |
Posts: 29 Join Date: Jan 2008 |
|
|
You can play with "width" and "max-width" attributes in you css file.
The following code works for me. Code:
img { border: 0; width: expression(this.offsetWidth < 450 ? "auto" : 450); max-width: 450px; } |
||
| Posted: 01 May 2011 01:11 | ||
|
Registered User Currently Offline |
Posts: 24 Join Date: Apr 2011 |
|
|
Touch,
This code goes into the style.css? can you direct me to which line? thanks in advance!! |
||
| Posted: 01 May 2011 08:26 | ||
|
Administrator |
Posts: 1189 Join Date: Mar 2005 |
|
| Try putting it at the bottom of the css file. | ||
| Posted: 04 May 2011 05:59 | ||
|
Registered User Currently Offline |
Posts: 24 Join Date: Apr 2011 |
|
|
Hristo,
Need some assistance with trying to figure out why my picture does not show. The image was viewable, but was very large. I then added the above code and an the post shows a red "x" with the url to the photo..please see link: Click Here. I then deleted the code, and now it will not show any picture inserted. Thank you sir. |
||
| Posted: 04 May 2011 08:13 | ||
|
Administrator |
Posts: 1189 Join Date: Mar 2005 |
|
| You have linked a page, not an image. In the URL tag you need to directly put the address of the image. | ||
| Posted: 05 May 2011 07:38 | ||
|
Registered User Currently Offline |
Posts: 24 Join Date: Apr 2011 |
|
|
Ok, image shows fine now that i fixed the address. However, after adding the above code to the end of style.css the link will still show broken on IE9. Using Chrome, the code also effects the AD image at the top of the page.
Thanks. |
||
| Posted: 05 May 2011 08:18 | ||
|
Registered User Currently Offline |
Posts: 24 Join Date: Apr 2011 |
|
| correction, ad seems to working fine now. still having trouble with the image in the forum tho. | ||
Pages: 1
