Solved

Aligning images to edge of browser...

Posted on 1997-08-14
6
329 Views
Last Modified: 2012-08-13
I wonder if it's possible to allign an image in a table to the edge of the browser (both NN and MSIE). That is if you resize the browser window the image/picture will follow the bottem edge or whatever specified. Could this be done via tables?
0
Comment
Question by:tactica
  • 3
  • 3
6 Comments
 
LVL 1

Accepted Solution

by:
qed070297 earned 20 total points
ID: 1837783
Well, under <IMG ...> you can specify WIDTH=100% or HEIGHT=100%
to stretch an image to the browser window/frame size without
the use of tables.  Leaving off one of the WIDTH or HEIGHT will
only stretch to one ordinate while retaining a 1:1 aspect ratio.
You an also use other values other than 100% of course.

Inside of tables, it looks like at least Netscape gets very
confused.  It may be that unless there is something fixed that
the IMG tag is relative to, that using "%" doesn't work.
0
 

Author Comment

by:tactica
ID: 1837784
Sorry but that doesn't help me. Sorry I didn't explain myself quite good enough. Here is a sketch of how I want it:

Table:
+--------+--------+------------+ @
|########|########|    ########| @ <-- browser edge
|#image1#|#image2#|    #image3#| @
|########|########|    ########| @  if the borwser window then
+--------+--------+------------+ @  is resized 'image3' follows
                                 @  without getting streched.

0
 
LVL 1

Expert Comment

by:qed070297
ID: 1837785
I see what you are saying.  Using a small gif image, I was able
to come up with the following bit of HTML.

<left>
<table width=100%>
<tr><td>
<img src="whiteback.gif">
</td><td>
<img src="whiteback.gif">
</td><td width=100% align=right>
<img src="whiteback.gif" align=right>
</td></tr></table>
</left>

Is this what you are looking for?  (Obviously, you will have to
replace "whiteback.gif" with something else.)
0
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:tactica
ID: 1837786
Yes almost :)  It just needs to be done vertical instead. I've tried but I can't seem to get it working. Do you have a solution to that problem?

0
 
LVL 1

Expert Comment

by:qed070297
ID: 1837787
Same thing but vertical?  How about a structured table such as:

<table height=100%><tr valign=top><td>
<table><tr><td>
<img src="whiteback.gif">
</td></tr><tr><td>
<img src="whiteback.gif">
</td></tr></table>
</td></tr><tr height=100% valign=bottom><td>
<img src="whiteback.gif">
</td></tr></table>
0
 

Author Comment

by:tactica
ID: 1837788
Of course!! Thanks a lot for your help.

0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now