I don't know how other people structure the banner for different screen sizes. I have done the following but don't know how to span the banner text over several sections.
To adjust for screen sizes I have a small picture float to the left and another picture float to the right. There is a small gap in the middle. This is working and looking the way I want it to.
Now the banner text has large font and in bold. I want to have this text spanning over the 3 sections, ie in the center of the screen. Can somebody show how me to do this???
Thanks in advance.
Here is my html for the banner at the top of the page
Expand|Select|Wrap|Line Numbers
- <body>
- <form id="form1" runat="server">
- <div id="banner" style="background-image: url('images/bannerMiddle.jpg'); height:129px; font-size:larger; text-align:center;">
- <img src="images/bannerLeft.jpg" style=" float:left;" alt="" />
- <img src="images/bannerRight.jpg" style=" float:right;" alt="" />
- <label style=" width:100%; font-size:larger; font-weight:bold;">Measuring Capacity and Strength</label>
- </div>
- </form>
- </body>