Altering my stylesheet to cope with bigger images

  • Resolved bluntpencil

    (@bluntpencil)


    18 years, 8 months ago

    Hi there. I’ve tried searching the forums and the codex for help on this, but my knowledge of CSS is hugely limited, so I’m afraid that I have no option but to post in the hope that some of you may be able to help me out.

    I’ve been having the usual “big image” problems with my blog, and I recognise that the size of the image compared to the available width of the main column is what causes the sidebar to vanish down to the bottom of the page. Although I am able to resize my images to fit, I was under the impression that using CSS would allow me to set some kind of global parameter for images to ensure that this problem did not occur.

    I tried using max-width, but from searching through Google for two days, have discovered that IE does not support this feature. I and the people who read my blog (it’s a friends and family type thing) use IE almost exclusively.

    The problem is particularly noticeable when trying to blog from flickr, because for some reason this causes a border of 6 pixels to appear around the image, making it just that bit too big. I have no idea how to turn this off.

    The simplest soultion to me appears to be to simply alter the width of the page such that it can handle having images of 500 x 340 within posts. I’ve had a look through the stylesheet, but despite making changes to the bits which look obvious, I can see no corresponding effect when I refresh the blog. I have successfully edited my sidebar content in this way (online) so am at a loss why this is not working for the stylesheet.

    I’ve only done limited HTML stuff before, so would really appreciate any help that is out there… please?

    Thanks very much.

Viewing 12 replies - 1 through 12 (of 12 total)

  • Can you show us how you are using the CSS? The max-width should work fine. It is supported in IE/FF/Netscape.

    https://www.w3schools.com/css/css_dimension.asp

    Monty – the link you gave clearly states that max-width is NOT supported by IE – take a closer look at that table… ??

    max-width – 1 6 2

    that little “-” means NO…

    bluntpencil – to my knowledge you can’t use CSS to resize images… you’re going to have to manually resize them yourself, or find a theme that will support them the size they are (for example, one with no sidebar, or the navigation only at the top and bottom with no sidebar)

    It may be frowed upon, but could you use HTML to ‘resize’ an image? Well, it doesn’t resize it actually, but just displays the image at the size you say, while actually loading the full size image. It’s old-school HTML from the 1990’s (really).

    a pox on your fingers, dgold! ??
    it should really never be done that way… REALLY.

    Thread Starter bluntpencil

    (@bluntpencil)

    Thanks for the responses folks – very useful! Can I ask you opinons on the other option I mentioned, namely that of altering the width of the theme’s columns to allow for the large images? Any ideas why I’m not seeing any changes after editing the stylesheet?

    you’re right, changing the theme to fit your largest pix that you want to show, is the best way. That depends a lot on what theme you’re using?

    Thread Starter bluntpencil

    (@bluntpencil)

    Equix. I’m going to try and mess with the stylesheet again and see what I can come up with. Maybe the fact that I was at work rather than at home when I was trying to make my changes today has something to do with it?

    Thread Starter bluntpencil

    (@bluntpencil)

    I think I may have found out what the problem is. Having found all the Equix files which came in the original download, I can see that it has two stylesheets, one apparently specific to IE. Looks like I could have been editing the other one, which means that I wouldn’t be able to see the results as they’re browser specific!

    I’ll try this one and post how I get on.

    Thread Starter bluntpencil

    (@bluntpencil)

    Done it! Looks great now – just shifted 5 pixels from one column to the other, and it’s spot on!

    great work, bp ??

    Glad that’s solved.
    Nice header, by the way, Blunt Pencil.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Altering my stylesheet to cope with bigger images’ is closed to new replies.