|
Help with html should be easy
I need a banner then the embed then the other banner after it
My html currently <p align="center"> <font face="Comic Sans MS" size="6" color="#FF0000"> <a href="http://" target="_blank">100% Free Live Sex Shows click here</a> </font></p> <p align="center"> <div style="overflow: hidden; width: 900px; height: 500px; position: relative;" id="q-div"> <a href="h" target="_blank"> <img border="0" src="http://i.iEi.gif" alt="live cam sex" title="live cam sex" height="528"></a> <iframe name="i_frame" src="hkbuck/webcam.php" style="border: 0pt none ; left: -11px; top: -78px; position: absolute; width: 1920px; height: 971px;" scrolling="no"></iframe> <a href="httmbed" target="_blank"> <img border="0" src="htt12" alt="live cam sex" title="live cam sex" height="528"></a> </div> |
That's some damed ugly code! what is the problem with it?
|
Sorry i took out the links to the sites
I need first and last <a href="h" target="_blank"> <img border="0" src="http://i.iEi.gif" alt="live cam sex" title="live cam sex" height="528"></a> to go before and after iframe. Right now its the embed is on top of the banners. ///////////////////// <div style="overflow: hidden; width: 900px; height: 500px; position: relative;" id="q-div"> <a href="h" target="_blank"> <img border="0" src="http://i.iEi.gif" alt="live cam sex" title="live cam sex" height="528"></a> <iframe name="i_frame" src="hkbuck/webcam.php" style="border: 0pt none ; left: -11px; top: -78px; position: absolute; width: 1920px; height: 971px;" scrolling="no"></iframe> <a href="httmbed" target="_blank"> <img border="0" src="htt12" alt="live cam sex" title="live cam sex" height="528"></a> </div> |
<a href="#" target="_blank" title="links have titles images do not">
<img src="/dir/image.jpg" width="900" height="528" alt="images have alt text not titles or names"></a> <div style="overflow: hidden; width: 900px; height: 500px; position: relative;" id="q-div"> <iframe name="i_frame" src="hkbuck/webcam.php" style="border: 0pt none ; left: -11px; top: -78px; position: absolute; width: 1920px; height: 971px;" scrolling="no"></iframe> </div> <a href="#" target="_blank" title="links have titles images do not"> <img src="/dir/image.jpg" width="900" height="528" alt="images have alt text not titles or names"></a> If you need to, wrap the images in their own div tag. You should really be using a stylesheet for the styling elements, the method you are using is very outdated. |
Thanks so much. I will try that and take a look at your suggestions. I was just getting a landing page going. I barely know any programing. I need to read http://www.w3schools.com/ someday.
|
no problem
|
I just updated with your improved html. I was using imgur still instead of hosting my own images Dumb It didnt cross my mind....
I have banner... return cam embed return banner The banner should be to the left and right of my embed. |
bumpp bn
|
Adjust for your needs as required
<title>Untitled Document</title> <style type="text/css"> .container { margin: 0px auto;} .column-left{ float: left; width: auto;} .column-right{ float: right; width: auto;} .column-center{ display: inline-block; width: auto;} </style> </head> <body> <div class="container"> <div class="column-center"> <iframe name="i_frame" src="hkbuck/webcam.php" style="border: 0pt none ; left: -11px; top: -78px; position: absolute; width: 1920px; height: 971px;" scrolling="no"></iframe> </div> <div class="column-left"> <a href="#" target="_blank" title="links have titles images do not"> <img src="/dir/image.jpg" width="200" height="971" alt="images have alt text not titles or names"></a> </div> <div class="column-right"> <a href="#" target="_blank" title="links have titles images do not"> <img src="/dir/image.jpg" width="200" height="971" alt="images have alt text not titles or names"></a> </div> </div> </body> </html> |
| All times are GMT -7. The time now is 07:27 AM. |
Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc