Is there any way I can post a complete photo? It's clipping the edges off them:
http://themattphotos.blogspot.com/
http://themattphotos.blogspot.com/
Stupid blogspot question
- Thread starter The Matt
- Start date
Thanks for the help. Looking at my html, it does have sizes stated already. What I've got is:
<a title="Untitled by the matt1, on Flickr" href="http://www.flickr.com/photos/the-matt/3179284341/"><img height="375" alt="" src="http://farm4.static.flickr.com/3447/3179284341_93ab9797ab.jpg" width="500" /></a>
Should this be working, or am I not quite getting this?
When I do right-click, properties it states that the image is 508 pixels wide, 383 high, but it still looks square to me...
<a title="Untitled by the matt1, on Flickr" href="http://www.flickr.com/photos/the-matt/3179284341/"><img height="375" alt="" src="http://farm4.static.flickr.com/3447/3179284341_93ab9797ab.jpg" width="500" /></a>
Should this be working, or am I not quite getting this?
When I do right-click, properties it states that the image is 508 pixels wide, 383 high, but it still looks square to me...
jgs001
Brian Cox
- Messages
- 12,646
- Name
- John
- Edit My Images
- Yes
I think (I can't find the link for it now) but you amend the template so that the img section reads something like
.post img {
padding: 4px;
border: 1px solid $borderColor;
max-width:600px;
width: expression(this.width > 600 ? 600: true);
And the image is resized to fit properly for you when you embed the html.
There's a bit more info on it here. Obviously the max width will need to be set to the width of your blog entry main page. I use the same 800px width images that I post on the forums and post them in my Astro blog and blogger resizes them at render time correctly to fit.
.post img {
padding: 4px;
border: 1px solid $borderColor;
max-width:600px;
width: expression(this.width > 600 ? 600: true);
And the image is resized to fit properly for you when you embed the html.
There's a bit more info on it here. Obviously the max width will need to be set to the width of your blog entry main page. I use the same 800px width images that I post on the forums and post them in my Astro blog and blogger resizes them at render time correctly to fit.
- Messages
- 597
- Name
- Glenn McKinnon
- Edit My Images
- Yes
It looks like it's not in the HTML, but in the CSS where the problem is.
The outer wrapper is set to 660px, with the main-wrapper at 410 and the right hand sidebar at 210 with a few pixels spare to allow for padding etc.
If you don't want to change the structure of the page too much you could decrease the size of the sidebar to to 130px and increase the main-wrapper to 500px.
That should allow you to show a post 500px wide, but don't forget to make a note of the original values before you change them in case it breaks the whole structure of the page.
Personally I would increase the size of the page to 800px, that will allow you 520 for posts and a 250 side bar using the same padding, the code that needs changing for that (as far as I can see) is below, but again back up the original CSS before making any changes.
Hope this helps
The outer wrapper is set to 660px, with the main-wrapper at 410 and the right hand sidebar at 210 with a few pixels spare to allow for padding etc.
If you don't want to change the structure of the page too much you could decrease the size of the sidebar to to 130px and increase the main-wrapper to 500px.
That should allow you to show a post 500px wide, but don't forget to make a note of the original values before you change them in case it breaks the whole structure of the page.
Personally I would increase the size of the page to 800px, that will allow you 520 for posts and a 250 side bar using the same padding, the code that needs changing for that (as far as I can see) is below, but again back up the original CSS before making any changes.
Hope this helps