HTML - Masking Problem
I have a site up with using html (and css) to create a mask with a fixed position navbar that allows the body text to scroll behind, thus allowing the navbar to remain visible. However, there is a problem: on one of the pages I have audio controls that allow the user to listen to some music samples. The text scrolls correctly behind the mask, but in Chrome and Internet Explorer the controls do not, and the result looks bad (Safari, Firefox are fine). Could anyone take a look at it and comtemplate what I did so horribly wrong? The site is:
www.mattbauder.net/projects.html Also see my post on the 'review' section. -buford Similar TutorialsHello this is the first time I have posted in this particular forum. I have been a member of HTML forums for a while now and post a lot in website reviews. I am having a problem trying to mask product images to get rid of the white background that came with them and mask it to match the background color. Unfortunately, I am using a store builder and know little html. Their customer support personnel aren't knowledgeable enough to figure it out. Is there a code to mask an image. They do have areas I can try that allow html but I don't know the code. If you want to see what I mean you can see the site at http://www.proselfdefenseproducts.com It may be a long shot but someone in here may have the answer. Thank you for your time and trouble, Gerry I am having trouble masking a url.. The url is www.stickitgreen.net (which is live and on my server) and the content needs to be www.myfti.biz/stickitgreen (which is not on my server and I am not responsible for) I made an upper and lower frameset on stickitgreen.net Notes: If you go to www.myfti.biz/stickitgreen Clinton May shows up top in white area. (Have to click on upper arrow on left to get to his page) If you go to www.stickitgreen.net Clinton May does not show up top.(but it shows on my computer) (Have to click on upper arrow on left to get to his page) Now some people can see the clinton may and some can't when going through www.stickitgreen.net - I am at a loss to know why. I really need your help.. Hey, all. I'm new here, and this site seems to be exactly the kind of community I could be in for good help and support. My problem is this: I have a URL with hosting (GoDaddy) at www.wesleyboynton.com. I recently purchased a new URL, www.entersubhysteria.com for a musical side-project of mine. I'd like to host them on the same place, but when I forward the URL, it forwards and then displays the wesleyboynton.com address rather than Entersubhysteria.com Were I to turn on GoDaddy domain masking, it would display http://www.Entersubhysteria.com no matter what page one was on, therefore destroying chances of bookmarking certain pages and so forth. What I would like, is some way to tailor the URL so that despite being hosted on http://www.wesleyboynton.com, http://entersubhysteria.com would display, and were I to go to a songs page, it would display http://www.entersubhysteria.com/songs.htm, rather than http://www.wesleyboynton.com/subhysteriastuff/songs.htm. Customer support said it's possible through hard coding in HTML, but I'm a beginner to real coding. Any suggestions? Thanks! ~Wes I need my webpage to display a different URL than the one it has, somebody told me i could mask the URL, i dont have a clue where i would put the coding or what the coding is, can somebody help me? Okay. I have a new question that needs answering. I have followed instructions found elsewhere in this forum, and have successfully gotten my url icon to work. If you go to web.mac.com/merchandise1 you can see a little "M" in the bar. Here's the problem, though. I don't use that address on my business cards, email flyers, etc. I use merchandiseonline.org The url icons DO NOT WORK when you go to the masked/forwarded url address of merchandiseonline.org I use DirectNIC for my forwarding purposes. So, my question, then, is: HOW do you get the favicons (url icons) to work when using a masked address? I've searched forums upon forums and have not found the answer. I pray someone here will have an idea. Thanks, James @ merchandise I have url masking on the domain web forwarding because we don't have webspace with the domain. But when I visit the website I created and click on the link to twitter, it loads our twitter page fine, then just at the last minute switches to a blank page which is the same colour as the twitter page background. If I remove url masking, it works fine. Is there a code I can put with my link that will remove the masking on the twitter link, but none of the others on my website? If it helps, this is my website http://www.pocketof3.com/ Thanks for any help. Hi All... In my application i'm using menu... when i click the menu item particular page will load in the center Frame. Problem is it takes bit time... now i want to show a masking (message to let the users know that page is loading) ( As showing in the Image ) how to do this in Html or in Javascript Thank you........ I would like to have an image that takes 2 url like the following image... is it possible? if so, can someone please tell me how this could be done? Thank you very much.. NOTE: I tried doing this... <map name= 'url1' > <area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' > </map> <a href= 'url2.html' > <img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' > </a> but this only get 'url1' woring... Okay, I know that this problem is going to be really really easy, but I forgot how to do it. I use to own an older website and forgot the code. Anyways, I only know how to describe it. When I minimize the screen, it is minimizing the whole thing and collapsing it making the iframes smaller and the text fit into a smaller space. Most websites have a code (i don't know what it is) so that when someone minimizes their browser, it just makes the browser smaller and not the actual page. Here's what it looks like: http://www.freewebs.com/noeylani94/index.htm Try minimizing that and see how it looks. It collapses the whole page right? Can someone tell me the code how to fix it? Thanks =D Hey all, if you go to my blog http://myalternativemind.net I added this code: Code: <div id="nav"> <a href="http://link1.com">link1 title</a> | <a href="http://link2.com">link2 title</a> | <a href="http://link3.com">link3 title</a> </div> And this CSS Code: Code: div#nav { font-size: 15px; margin-top: 10px; padding: 10px; margin: -20px -20px 30px -20px; background-color: #000; } div#nav a { color: #7C7C7C; text-transform: uppercase; text-decoration: none; } But it stretched out the bottom portion of my blog, and made it unreadable. all I was trying to do was add custom links on it. Can anyone check my source and help me out? Thanks. I am testing my site in FF 3. I'm having two problems. 1.) Can somebody write me up code on how to fix this, it looks fine in IE, it should be in two columns side by side not one in each corner, you'll see it: http://www.bkriegtech.net/index.php?page=hosting 2.) All of the bullets for my design, shared hosting and reseller hosting are out of the content table. Why's that? What do I do to fix it? Again this is only in firefox. http://anastaciayeaaa.co.nr click ' online ' then the picture next to 'our affiliates' it doesnt work! the link is right, the file is in the right folder on the server.i even copy and pasted the url, changed the names etc.. :/ Ok, so I just bought a domain from eNom and well, I have no idea how add my url in the html to the template so my website is actually viewable. Please help :x thanks im completely new to this so forgive me.. this is my test code.. how do i get one div next to another? i want my icons, media, fashion etc.. .JPG on top of each other next to my welcome note.. this is my code Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div align="center" id="navigation"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/news.jpg" width="86" height="15" /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/anastacia.jpg" width="86" height="15" /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/fanzone.jpg" width="86" height="15" /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/graphics.jpg" width="86" height="15" /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/site.jpg" width="86" height="15" /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/internet.jpg" width="86" height="15" /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/refresh.jpg" width="86" height="15" /></div> <div align="center"><br /> </div> <div align="center" id="banner"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/bannerp1.jpg" width="720" height="133" /> <br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/bannerp2.jpg" width="720" height="63" /><br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/bannerp3.jpg" width="720" height="146" /></div><div align="center" id="welcome"> <div align="center"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/welcome.jpg" width="213" height="143"/> </div> <div align="center" id="welcome"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/elite.jpg" width="213" height="145"/></div> <div align="center" id="welcome"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/topaffs.jpg" width="213" height="309"/></div> <div align="center" id="welcome"> <div align="center"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/disclaimer.jpg" width="213" height="229"/><br /> </div> <div align="center"><img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/icons.jpg" width="215" height="18" /><br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/photos.jpg" width="215" height="17" /><br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/media.jpg" width="215" height="17" /><br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/lyrics.jpg" width="215" height="17" /><br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/fashion.jpg" width="215" height="17" /><br /> <img src="file:///C|/Documents and Settings/Callum/My Documents/verenalay/forum.jpg" width="215" height="17" /></div> </body> </html> below is the code I have and I get warning as : Tag (img) should be an empty element tag. I am using Linux-Eclipse Platform ... <table width="150px"><tr><td bgcolor="#fa7d50"><font color="white">Top Selling Books</font></td></tr> <tr><td width="150px"><img src="../../../public/img/81508.jpg"></td></tr> <tr><td>ECOMMERCE Rs. 250/- <a href="" color="red">BUY</a></td></tr> <tr><td width="150px"><img src="../../../public/img/compref.jpg"></td></tr> <tr><td>Windows Server 2003 Rs. 450/- <a href="" color="red">BUY</a></td></tr> </table> After checking the classes I found out it was my menu class that is causing this problems. If I removed the menu class and everything in it the content lines up to the top. As soon as I put it back though the problem comes back so it is a problem with that. I am not sure how to fix this though and it seems this is only a problem with IE 6. The problem is on the page below http://www.mesquitechristmas.com/loc...play.php?id=81 Here is the CSS for the div menu that is causing the problem. #menu { clear: left; float: left; } This is the only page in the entire site that has this problem. Also if I change the tables within the content div to px instead of % I don't have this problem. Very strange, can anyone help me out with this? -Thanks I we see its result we get so much top and bottom space just this code: code: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#00FFFF"><h1>Hello</h1></td> </tr> </table> I want to remove top and bottom space. any help Hello people. having a problem with my website in IE 6.0. http://sw11.it/devdev/ it puts a blue bar accross the header? Please can somebody help! Thanks Hi all ; I want to have one button in the left side of the div and one in the right side how can I do that . I tried align command but it always aligns in one side . Anyone can help . EX : in the header of this site html forums logo is in the left side and the google adwords are in the right side ... Hi ppl I have developed a login page which validates the values from the database. When i log out...the login screen is displayed again.. but if I press Back button in the explorer, the previous logged in page is displayed again.. How do i avoid this problem? |