HTML - Hyperlink Mystery And Transparent Backgrounds In Iframes.... ?
For some reason the text and links on the following page are not working... as in you can't click on them. At first they wouldn't show over the background, and now they do but they don't function. Why? How do I fix that? Also, how do I get the iframe background to be transparent against that image so it all flows together and do I need to do anything to ensure that the iframe comes up? Why doesn't it show?
HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Fresh Sessions</title> <link rel="stylesheet" type="text/css" href="style.css" /> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } #bg img{ position:fixed; top:0; left:0; width:100%; height:100%; } } #content { position:relative; z-index:1; } </style> <!--[if IE 6]> <style type="text/css"> html { overflow-y: hidden; } body { overflow-y: auto; } #bg { position:absolute; z-index:-1; } #content { position:static; } </style> <![endif]--> </head> <body style="overflow: hidden"> <div id="bg"><img src="skates/shred.jpg" width="100%" height="100%" style="opacity:0.4;filter:alpha(opacity=40)"></div> <div id="content"> <center><h1>FRESH SESSIONS</h1> <br><a href="about.html" target="steezbox">About</a> <a href="" target="steezbox">Max & Mike</a> <a href="" target="steezbox">Pricing</a> <a href="" target="steezbox">Safety</a> <a href="" target="steezbox">Links</a> </center> </div> <iframe src="about.html" name="steezbox" align="middle" width="400" height="100%" scrolling=no frameborder=0> <p>Your browser does not support iframes.</p> </iframe> </body> </html> Similar Tutorialsi'm trying to put a transparent png img on a colored background, in IE6 the transparent part of the img appears as a color instead of transparent how can i fix that??? the attached imgs shows how it's appearing in IE6 and FF Hello, I put this general question he 1/ I saw a page looking like http://www.site.com/something google toolbar gives no pr indication. 2/ But you can also type http://www.site.com/something/ this time pr is 4. In each case, this brings up the same page. my understanding is case 2/, this is a directory because of the "/"; so there must be an index.html file behind it; case 1/ I do not know what that is, I mean the "something" as I called it does not have a .htm(l) extension, so it is not a page. Can someone please explain: - how this work with or without the "/" - how come one shows pr4 the other pr0; does Google not know what is going on? I noticed that recently my home page is spewing out a noxious popup window! I never set up any popup windows in the code and the word "popup" does not exist in the code of the page. There is one Google adsense banner on the page, one Firefox3 advert link, and two affiliate links. My guess is that it's got to be one of the affiliate links. The popup window address always starts with the same IP # so the various popup are originating from the same place. Is there a quick way to find out the origin of the popup window? OK, I have no clue why this is happening: In the following code, the far right-hand column stays bold, even though there is no reference to bold fonts being made. There is no way to turn the bold off, it's just stuck there. Has anyone ever run into this problem before?? Code: <table style="width: 689px; height: 192px;" border="0" bordercolor="#cccccc" cellpadding="5" cellspacing="0"> <tbody> <tr> <td><a href="http://www.somecompany.com/features.htm"><img style="border: 0px solid ; width: 286px; height: 152px;" alt="" src="images/features.jpg"></a></td> <td colspan="1" rowspan="2"></td> <td colspan="1" rowspan="2"> <div style="text-align: left;"><span class="BigBold">Take a test drive...</span><br> </div> <div style="text-align: left;"><br> <span class="SmallItalic"> "Today was the first day that I ever"<br><br> </span> </div> <div style="text-align: right;"><span style="Small">-Suzette, Ontario Canada<br></span><br> </div> <div style="text-align: left;"><span style="Small">Today was the first day that I everToday was the first day that I everToday was the first day that I everToday was the first day that I ever<br> <br>Today was the first day that I everToday was the first day that I everToday was the first day that I everToday was the first day that I ever<span style="font-style: italic;"></span><br> </div> <p style="text-align: right;"><a href="http://www.somecompany.com/demo_setup.exe"><img style="border: 0px;" alt="Download Now" src="images/download_demo.gif"></a></p> </td> </tr> <tr> <td colspan="1" rowspan="1"><br><br><br><br><br><br></td><td></td></tr> <tr bordercolor="#CCCCCC"> </tr> <tr bordercolor="#CCCCCC"> </tr> <tr bordercolor="#CCCCCC"> </tr><tr></tr><tr></tr> </tbody> </table> <br> <table style="text-align: left; width: 689px; height: 196px;" border="0" cellpadding="3" cellspacing="2"> <tbody> <tr> <td colspan="2" rowspan="1"><span class="BigBold">System</span><br><span class="Default">Basic PC Requirements</td> <td colspan="1" rowspan="3"><img style="width: 4px; height: 221px;" alt="" src="images/download_pin.gif"></td> <td colspan="2" rowspan="1"><span class="BigBold">Support<br></span><span class="Default">Help, I'm stuck!</td> <td colspan="1" rowspan="3"><img style="width: 4px; height: 221px;" alt="" src="images/download_pin.gif"></td> <td colspan="2" rowspan="1"><span class="BigBold">Buy It Now<br></span><span class="Default">Ready to purchase?</td> </tr> <tr> <td><img style="width: 61px; height: 61px;" alt="" src="images/system.gif"><br> <br> <br> <br> <br> <br> <br> </td> <td style="width: 245px; height: 8px;"><span style="SmallBold">Requires a PC running Windows 3.1, 20GB of RAM recommened.<br><br> 10GB of disk space required for the installation files and 2000GB recommended.</span><br> <br> <br> </td> <td><a href="http://www.somecompany.com/support.php"><img style="border: 0px solid ; width: 61px; height: 61px;" alt="" src="images/service.gif"></a><br> <br> <br> <br> <br> <br> </td> <td style="width: 250px; height: 8px;"><span style="SmallBold">Today was the first day that I everToday was the first day that I ever<br><br>Today was the first day that I everToday was the first day that I everToday was the first day that I everToday was the first day that I ever<br><br> <a href="http://www.somecompany.com/support.php">Click Here...</a></td> <td><a href="http://www.somecompany.com/purchase.php"><img style="border: 0px solid ; width: 61px; height: 61px;" alt="" src="images/buy.gif"></a><br> </span> <br> <br> <br> <br> <br> <br> </td> <th style="width: 245px; height: 8px;"><span style="Small">Today was the first day that I everToday was the first day that I everToday was the first day that I ever.<br><br>Satisfaction is guaranteed. Today was the first day that I everToday was the first day that I everbr> <br> <a href="http://www.somecompany.com/purchase.php">Click Here...</a><br> </span> </th> </tr><tr><td></td><td></td> </tr> </tbody> </table> <br><br><br> I have to nearly identical pages. one is he www.chriseastland.com/schoolofrock.html The other, to which you can link from /schoolofrock.html's "bands" tab, is he www.chriseastland.com/bands.html The headings and navigation bars for each should be the same because the sites are literally one jpg with imbedded image maps. I have checked the jpgs, and they are the same in these respects. The codes for each page are identical. Nevertheless, when you toggle back and forth from /bands.html to schoolofrock.html, there is a discernable shift in the placement. What gives? Thanks for your help in advance. Best, Chris. Hi, I was wondering if it is possible to have more than one background to a certain element in a page. ie. I have an element called main so within <div class="main"></div> Can i have two backgrounds, and can one of these only ever appear at the bottom as a sort of footer section? Thanks for any help, when i add more information to my background it gets lower... then if i move this info up the page the empty background space stays there how do i get rid of this empty space at the bottom of my page? ive tryeed using both html and css codes but the problem stays the same someone PLEASE HELP I'm going to be building a website, and instead of adding color to the background of the page, I'm going to add an image of a scene. How can I add it so that the image does not scroll but the content does. I've seen it done in the past. Thank you. Alrighty, I've got div backgrounds that aren't showing up! Some are showing in ie but not in firefox, and some aren't showing anywhere. Here is a screenshot of what I'm experiencing (IE is on the left, firefox on the right) Also, the light blue background around the top nav. should be behind the page content as well (meaning the crappy "multi-monitor mounts" image and the crappier "featured products" text) any help would be appreciated! Thanks Hi y'all. Could anyone tell me if it's possible or, even better, supply the code for this. I want to create tables on a page with a semitransparent background so the underlying backgrounds shows through. To do this I've used the following code: <style> table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-image:url('background_image_url'); background-attachment: fixed; background-position:center; background-repeat:no-repeat; border-color:000000; border-width:5px ; border-style: solid; } table table { border: 0px } table table table table{border:0px} table table table { border-style:solid; border-width:3px; border-color:000000; background-color:transparent; } table table table td { background-color: FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; } table table table table td {filter:none;} </style> My problem is that the text and images in the tables also go semitransparent. Is there anything I can add to the to make the text and images clearer against the table background? Hello first post, Somewhat a noob on this, but I have my pages background set to black. Now I have a header and one side bar. It was a up side down L but I cut the two up and put them in a three part table. Not sure if that is best. Now in the 3rd column is where I made a background that looks like paper. I can not figure how to set the background in this column. The reason I am doing this is cause some pages will have more text than the others, thus why I need a scrollable background. Hope that makes since and thx ahead of time. Plus, I am using Yahoo sitebuilder and pagebreeze, cause I am a noob and hate trying to place pictures via code . My main background for my website is a jpg image. Once it ends, it repeats itself; the problem with this, is that it interferes with some text I have on the page when the image repeats. Is there a way that I can have two backgrounds? After the first ends, I would like to put another background image for further down the page. So I am thinking something like this: <body background = "image.jpg" > SITE STUFF GOES HERE </body> <body background = "image2.jpg"> MORE SITE STUFF </body> </html> But it's not working. Any ideas? THanks (I am super new to this, sorry if this is a stupid question) Hi everyone- I have a pretty simple question, I think. I made some banners for my site to add on put I'd prefer to have them stay on the top of the page even when you scroll down. Currently, I have them as a background that is fixed in one position but the only problem is that all of the rest of the page's content goes on top of the image. I would prefer not to use frames so I guess I am asking is there any other way to keep something at the top of the page and on top of everything else and/or is it possible to have you're background image remain on top of the rest of the page's content? Thanks for your time- Good day. I'm actually trying to make a good site now (still humorous), and am having problems with the background of my right collum. http://web.vtc.edu/users/cjb06271/CI...nal/order.html Quote: <form method="post" action="mailto:cjb06271@vtc.edu"> <table style="border:1px solid black"> <tr> <td><fieldset/>The always favorite Locusts. </td> <td colspan="1"><fieldset/> <input type="checkbox" value="Locusts" name="Locusts"/> </td> </tr> </form> same kind of thing happening on register page. you can see how I wanted it on any of the other pages. Also on the navbar you can see the right collum background image was chopped in half. Not too worries about that but if an easy fix would be apreciated http://web.vtc.edu/users/cjb06271/CI.../real%20final/ my css is in there (as are links to images and all the other sites in navbar) css name is new1. I may also be halucinating but the text seems to change fonts between pages and I don't know why. Thank you very much for any help you may offer. I've moved away from the difficult Liquid background and have came up with a more simpler solution...yet i still need help here, amazing isnt it? So heres what im trying to do; notice the word "trying". I have a plain background colour ( a dark green ), I then added a layer containing a image of parchment to set the background for text, which i then centered on the page so this fixes the problem of people with different screen resolutions. I now want to add text, so i made another layer, typed the text for the welcome page, and clicked centre....uh ohhh, guess what? It didnt work! I then tried copying codes from the first table i centered, but it simply refuses to hate me and doesnt work. If you cant visulise what im trying to get i drew a pretty picutre for you; Link shown below. http://s195.photobucket.com/albums/z...nt=Website.jpg So heres the big question. How do i set the writing to be centered on the page ( not centered text, the text is left alligned but i need it to apear in the centre of the page), and a certain amount of pixles from the top so as it will always fit on the background parchment layer wihtout moving about all over the place? Many Thanks, Nathan How do I prevent the background of a table cell from repeating when the cell gets bigger? My handcoding is not that good and Dreamweaver doesn't seem to provide any code suggestions. Any help would be appreciated. Hi, I can make basic websites but I am not very skilled in web design. I am in need of help. Since I made the website inside Photoshop using slices, I need to create a table at the center of the website. Since the center of the website is made of slices of jpeg images, I cannot create a table nor add any text here without disturbing the images. I can get around this by making the pictures part of the cell background, but when I try and remove the images in the center after, the cell background images repeat over and over, and the whole website is unaligned and a big mess! Below is a picture of what I mean... I have included a zip file containing my html pages and image folder. Please download it he http://homepage.ntlworld.com/stephan.../Portfolio.zip The file I need help with is work.html. I can ensure you it's virus free. I want to show my photoshop work off on a website, this is the reason why I am making this website. Hi. I'm a FP/html/website builder noob. Is there a way to change all fonts/all backgrounds in FP2003/with html? e.g. Is there an easy way to change all fonts in headers, text areas, tables etc from one font to another. Thanks. |