Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: max width

  1. #1
    New to the CF scene
    Join Date
    Mar 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    max width

    I am new at this so if what I am posting is not clear please correct me.
    In order to understand what I am trying to do you must first go to the link...

    http://www.karinaonofre.com/in work/media.htm
    NOTE; there is a space in the link between in and work.
    some browsers will require you to copy/paste to get the entire link

    When you click on that link you then have to take the window that you are
    viewing it on and expand it the full width of your monitor and then reduce
    it to as small as it will allow. You will see that the images and the text
    all expand and reduce in size to fit the available space. The problem I am
    having is that I do not want them to expand to greater than the actual
    original image size but I DO want them to reduce to fit the available space
    they are being viewed in.
    Can anyone help?

  • #2
    New Coder
    Join Date
    Mar 2005
    Location
    Croatia
    Posts
    20
    Thanks
    1
    Thanked 1 Time in 1 Post
    Your problem is that bottom menu is made out of images with fixed size. You can either use images specifically made for that particular size or make the menu responsive by making it text only.

  • #3
    New to the CF scene
    Join Date
    Mar 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by fixie View Post
    Your problem is that bottom menu is made out of images with fixed size. You can either use images specifically made for that particular size or make the menu responsive by making it text only.
    I removed the fixed images and that had NO effect on the MAXIMUM size of the rest of the images.
    I may not have stated my problem clearly enough.
    My problem is the MAXIMUM size of the images displayed.
    I want to LIMIT the MAXIMUM size of the images to NO LARGER THAN THE ORIGINAL IMAGE.
    Currently they will expand to the size of the window that you are displaying them in.
    If the original image is 600pixels I do NOT want it to expand to more than 600pixels.

  • #4
    New Coder
    Join Date
    Mar 2005
    Location
    Croatia
    Posts
    20
    Thanks
    1
    Thanked 1 Time in 1 Post
    Hey!

    I sorted out the image resize problem for you, you can see the modified file here: [HTML] responsivefix - Pastebin.com

    That was not the only problem because you need to check some specific elements:

    Having width=100% is not valid html. If you want to modify the looks, you need to have style="width:100%;".

    Also always check for the closing tags, as currently your p tags are not closed

    You are missing <tr> tags in <table>

    Do not put elements after </body> tag

    I recommend doing some changes on the footer menu, as it is not snapping to the edges nicely, you can make it by having some nice background for the <ul> parent element and placing the links in <li> tags

    I also strongly recommend by not doing changing the element appearance with inline style. I only modified it like that because it would be quicker to change your current code. Make sure you have a .css file for easier editing
    Last edited by fixie; 04-03-2014 at 10:48 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •