dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: Is there an HTML code to resize images depending on the browser size?

Hybrid View

  1. #1
    Join Date
    Jun 2010
    Posts
    2

    Thumbs up Is there an HTML code to resize images depending on the browser size?

    Hello, i am creating a web page in Kompozer and i want to add a menu bar that resizes itself depending on the size of the browser. The best example i can think of is right here on this website. When you change the size of your brwoser, the red bars on top of each post/thread resize and its contents shift along the bar! how do you do that? another example could be this web page : www.f3music.com. As you can see, the top green bar resizes with the browser window. How can i do this?

    thanks in advance

  2. #2
    Join Date
    Dec 2003
    Location
    Bucharest, ROMANIA
    Posts
    15,428
    That is called "liquid design", and it is done merely on using CSS. It is not about changing the size of images, it is about changing the size of some HTML elements.

    See:
    http://www.tjkdesign.com/articles/on...ss_layouts.asp
    http://www.maxdesign.com.au/articles/liquid/

    You may google for more examples

  3. #3
    Join Date
    Jun 2010
    Posts
    2
    that´s just what i wanted, thank you!!!

  4. #4
    Join Date
    Feb 2009
    Location
    UK
    Posts
    142
    CCS - try using % instead of absolute sizes (pt or px).

    I would counsel that you get others to check on the effect on their browser.

    for http://cresby.com I test on IE5.5, Mozilla 1.7.8, FF2, FF3.6.?? (portable) and IE 6 and 7 at public libraries where they restrict severely for obvious reasons.

    I usually ask on the Mudcat Cafe because the content is relevant to that forum. They know what I am trying to do (genre-wise), and some of them are very HTML literate.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles