Hi,
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
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
Code:
<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>