background and Banner

J

JT

I am trying, without success to have the background image expand all the way
across the page - and not repeat itself.

In addition I would like the "banner" to do the same.

Background image - fill entire page
Banner span and center across the entire page.

This will be used primarily by Architects and Designers who tend to have
very large screen monitors 19" min. up to 24" is there wa way to have the
background and banner behave - center automatically and adjust for screen
size?

Just can't quite get it.

THANKS (code below line)

___________________________

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="File-List" href="index_files/filelist.xml">

<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
..shape { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->
</head>

<body bgcolor="#00546d" background="images/Clip-of-plans2.jpg" topmargin="0"
leftmargin="0" rightmargin="0" bottommargin="0">

<!--[if gte vml 1]><v:shapetype id="_x0000_t202"
coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
<v:stroke joinstyle="miter"/>
<v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t202" alt=""
style='width:716.25pt;
height:114pt' fillcolor="#369" stroked="f">
<v:fill opacity="19661f" color2="fill darken(39)" rotate="t" method="linear
sigma"
focus="100%" type="gradient"/>
<v:textbox inset="3.45pt,,3.45pt">
<div align="center">
<table cellpadding="0" width="100%" height="100%" style="border-collapse:
collapse" id="table1">
<tr>
<td align="center"><u>
<font face="Book Antiqua" color="#FFFFFF" size="7">LEACH
INDUSTRIES</font></u></td>
</tr>
</table>
</div>
</v:textbox>
</v:shape><![endif]--><![if !vml]><img border=0 width=959 height=156
src="index3_files/image001.gif"
v:shapes="_x0000_s1025"><![endif]>&nbsp;<table border="0" cellpadding="0"
cellspacing="0" width="955" height="944">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="944" width="955">
<!-- MSCellType="ContentBody" -->
&nbsp;</td>
</tr>
</table>

</body>

</html>



</body>

</html>
 
J

Jens Peter Karlsen [FP-MVP]

See inline:

I am trying, without success to have the background image expand all the way
across the page - and not repeat itself.

Number two is easy using CSS. The first you can do for a particular
size window, just size the picture in a graphics program. However
people use browser windows in many different sizes, so even though you
can do it for some, you can't do it for all.
In addition I would like the "banner" to do the same.

You can set its width to 100% but it will look ugly when the browser
scales it.
Background image - fill entire page
Banner span and center across the entire page.

This will be used primarily by Architects and Designers who tend to have
very large screen monitors 19" min. up to 24" is there wa way to have the
background and banner behave - center automatically and adjust for screen
size?

The screen size is unimportant. If the resolution is 640x480 it
doesn't matter if the screen size is 14" or 19" there will be exactly
the same amount of info on the screen (though it will be somewhat
larger on the 19")
Besides people with large resolutions tend to not browse in a
fullscreen window.

Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top