25 users online (2 members and 23 guests)  


  Results 1 to 5 of 5

Related

  1. Screen resolution problem    Forum: HTML Forum
    Replies: 1
  2. resizing resolution    Forum: HTML Forum
    Replies: 1
  3. Frames and Screen Resolution    Forum: HTML Forum
    Replies: 2
  4. Standardize Screen Resolution    Forum: HTML Forum
    Replies: 3
  5. Screen Resolution    Forum: HTML Forum
    Replies: 9
  1. #1
    Fletch's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2003
    Posts
    2

    Question uto graphic resizeing, depnding on Screen res

    I'm needing help with a spacer (okay so it's not a spacer its a blending graphic) in my header!!

    My index page, that looks after the frames has this:-
    <frameset rows="116,*" cols="*" framespacing="0" frameborder="NO" border="0">
    <frame src="Header.htm" name="topFrame" scrolling="NO" noresize >
    <frame src="main.htm" name="mainFrame">
    </frameset>
    The Header page has this detail:-
    <body>
    <p align="center"><img src="images/buttons/ABlogog.jpg" width="349" height="65"><img src="images/buttons/cellpic2.jpg" width="8%" height="65"><img src="images/buttons/ABmenu.jpg" width="357" height="65" border="0" usemap="#Map">
    <map name="Map">
    <area shape="rect" coords="16,6,89,21" href="index.htm" target="_parent" alt="Home">
    <area shape="rect" coords="98,6,156,22" href="chat.htm" target="_blank" alt="Chat">
    <area shape="rect" coords="165,6,242,24" href="phpBB" target="_blank" alt="Forums">
    <area shape="rect" coords="252,5,338,24" href="photopost" target="_parent" alt="Gallery">
    <area shape="rect" coords="20,37,87,56" href="links.htm" target="mainFrame">
    <area shape="rect" coords="93,37,202,57" href="contacts.htm" target="mainFrame">
    <area shape="rect" coords="213,37,329,55" href="disclaimer.htm" target="mainFrame">
    </map>
    </p>
    </body>
    What i want to do is make this graphic 'images/buttons/cellpic2.jpg' change size with different screen sizes!! As you can see i tried percentages in the width of the cellpic, but it made little difference!!

    Somebody did say use a table something like this:-
    <TD WIDTH=194><A HREF="main.php" TARGET="main"><IMG SRC="images/buttons/ABlogo.jpgf" ALT="Main Page" BORDER="0"></A></TD>
    <TD WIDTH=*><IMG SRC="images/buttons/cellpic2.jpg">&nbsp;</TD>
    <TD WIDTH=571><img src="images/buttons/ABmenu.jpg" usemap="#Map" border=0></TD>
    <!-- <TD WIDTH=16>&nbsp;</TD> -->
    </TR></TABLE>
    But i can't get it to work

    Ta Very much
    Fletch

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    <frameset rows="116,*" cols="*" framespacing="0" frameborder="NO" border="0">
    <frame src="Header.htm" name="topFrame" scrolling="NO" noresize >
    <frame src="main.htm" name="mainFrame">
    </frameset>
    You should not use rows and cols within the same frameset.

    As you can see i tried percentages in the width of the cellpic, but it made little difference!!
    Nope wont work

    <TD WIDTH=194><A HREF="main.php" TARGET="main"><IMG SRC="images/buttons/ABlogo.jpgf" ALT="Main Page" BORDER="0"></A></TD>
    <TD WIDTH=*><IMG SRC="images/buttons/cellpic2.jpg"> </TD>
    <TD WIDTH=571><img src="images/buttons/ABmenu.jpg" usemap="#Map" border=0></TD>
    <!-- <TD WIDTH=16> </TD> -->
    </TR></TABLE>

    ABlogo.jpgf may want to fix this error
    <TD WIDTH=*> wildcard for the width? ok now we are making up tags as we go along

    It sounds like what you need to do is make the image the background of the cell
    PHP Code:
    <td background="images/buttons/cellpic2.jpg">&nbsp;</td
    Dave

  3. #3
    Fletch's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2003
    Posts
    2
    Unfortunatly i can't set it as the background, as it changes colour from left to right, if it was set as the background it wouldn't look right!

    http://www.aberdeenbeach.com

    That's the link to the site, if you wouldn't mind haveing a look at the index page and see if you can see what i am meaning!

    Cheers
    Fletch

  4. #4
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    I think Dean can tell you how to strech the image thru CSS. If he does not reply here you may ant to ask in the css forum.

    Dave

  5. #5
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hello!

    Best to do this as a table or div.

    Put the image on the left (using align=left or text-align: left). Then set the background-color as the same as the color on the far right of the image.

    This means, in effect, that the top of the page will start with you image, which blends into the lighter color, then the lighter color carries on.

    Zat make sense?
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread