HTML - Html Problem That's Probably Easy To Fix
Hello I am new to HTMLforum and joined because I am having trouble viewing a page correctly in IE...just like most cases, it views perfectly fine in Firefox, Safari, etc.
The problem I am having is in the backround image section. You see, I have a background pattern/img on the whole page itself (ex. the wood pattern). But in the TABLE section where all my content will be, i ALSO have another background img/pattern (ex. wrinkled paper) The problem I am having is, in Firefox(etc) the page views perfectly fine. But in IE (7) the page only views the wood pattern and not the wrinkled paper pattern inside my table. here is a temporary link to the site http://www.realtourproductions.com/newtrail/index.html I would greatly appreciate any help. Similar TutorialsI want to learn HTML.I want to know the best site for HTML.can u help me. First I like to thank you for reading this. Iam a complete rookie here. First post. I sure hope that I posted this in the correct forum. I have no clue on HTML codes. I have copied and pasted these codes in. I did do one item myself and that was inserted a table format. My problems is I have one little (">") showing up and I have no idea how to fixed it. The following code: HTML Code: <HTML> <HEAD> <TITLE>SCHEDULE OF EVENTS</TITLE> </HEAD> <BODY> <TABLE BORDER=10> <CAPTION>UPCOMMING EVENTS</CAPTION> <TR> <TH><H1>><div><embed src="http://widget-37.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675390263&site=widget-37.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=1" target="_blank"><img src="http://widget-37.slide.com/p1/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=2" target="_blank"><img src="http://widget-37.slide.com/p2/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=F" target="_blank"><img src="http://widget-37.slide.com/p4/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div </LEFT></H1> </TH> <TH><div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"> <object type="application/x-shockwave-flash" width="435" height="170" data="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"> <param name="bgcolor" value="#e8e8e8"/> <param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"/> </object> <br/> <a href="http://www.profileplaylist.net"><img src="http://www.profileplaylist.net/mc/images/create_black.jpg" border="0" alt="Get a playlist!"/></a> <a href="http://www.mysocialgroup.com/standalone/58484656" target="_blank"><img src="http://www.profileplaylist.net/mc/images/launch_black.jpg" border="0" alt="Standalone player"/></a> <a href="http://www.mysocialgroup.com/download/58484656"><img src="http://www.profileplaylist.net/mc/images/get_black.jpg" border="0" alt="Get Ringtones!"/></a> </div> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="416" height="312" id="mbox_player_309edbb41214e3c3be"><param name="movie" value="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" /><param name="allowScriptAccess" value="always" /><param name="allowFullscreen" value="true" /><embed src="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="416" height="312" allowFullscreen="true" allowScriptAccess="always" name="mbox_player_309edbb41214e3c3be"></embed></object> <div><embed src="http://widget-75.slide.com/widgets/slidemap.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675403893&site=widget-75.slide.com" style="width:450px;height:425px" name="flashticker" align="middle"/><div style="width:450px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=5" target="_blank"><img src="http://widget-75.slide.com/c1/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide11.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=6" target="_blank"><img src="http://widget-75.slide.com/c2/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide6.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=H" target="_blank"><img src="http://widget-75.slide.com/c4/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide42.gif" border="0"</TH> </TR> <TR> </BODY> </HTML> I'd like someone to make an outline for my page. I've made a rough sketch: The left menu and the title place are meant to be "connected" and they should both be 44FFFFF. The body place is just meant to be white. Can you please help me with this problem. The HTML you are already given (has 2 unordered lists and both of them are in seperate divs) and I have to style them up with CSS with what the assignment wants. So far what I have is this: ul#menu { float: left; width: 6em; list-style-type: none; margin: 0; padding: 0; background-color: #aac; border-right: thick solid #44a; border-left: thick solid #ccf; } div#main { margin-left: 7em; } Now the thing is, it's looking alright so far, but there are some problems and things I don't know how to fix. Firstly with the border right and border left things and background color on my unordered list, the left and right borders aren't big enough and the middle part is too big. I want to change this but keep my list items (the middle and 2 borders) the same overall length as I have them now, just to switch proportions. Also, in the example of the finished product, the list items have a small white space between eachother as to seperate them.. kind of like they are in their own seperate rectangular boxes with borders each on top of eachother, how can I do this? Thanks for your time! Hope you can help! could you guys help me answer these questions ... i am just a begginer and dont know a lot of answers...cheers guys and thanks for advance just give your best shot at these questions thank you in advanced 1. Someone wants to load some interview videos on the webpage for the customers to view and download What should he include when linking to them a) type of video b) size of video c)tips for viewing d) all of the above 2. f that is a direct child of an element e a) e-f b) e < f c) e + f d) e>f 3. to accent the division between snowboard types ..use which of the following a) whitespace b)horizontal line c) two sided align d)style 4. to position an element at a specific spot while the rest of the page scrools you use _________ positioning a)relative b) fixed c)static d) absolute 5. what happens when the co-ords of your <ara> tag in an image overlap a) the last tag is used b)the tag used is selected arbitrarily c)the first tag is used d)overlaping tags are ignored 6.by convention if the path and file name are left off the url the browser searches for the file named "index.htm" or "index.html" in the root folder of the web server this file is often the __________page for the Web site a)catalog b)home c)main d)link 7. which style can be used to define a rectangular region througgh which the elements content can be viewed a)region b) clip c)overflow d) rect 8. _______ browsers were incapable of displaying images. a) markup b)text-based c) pda d) graphical Hi guys, just a quick question about positioning objects in HTML. Sorry if the is a noobish question, im new to html and dreamweaver. Basically, for a school assignments we nhave to create a webpage. There is one aspect though that i cant figure out. What is the best way to position pictures, divs etc in HTML? If I use absolute positioning with pixels, it changes where it is on different screen sizes (obviously). The best way i have found so far is by using percentages (eg top 40%) but this is slow and hard. Any better way? Too long didnt read- how to position things so it looks the same on any resolution Thanks in advance Hello All member, How to create easy HTML sitemap ??? Please share your suggestion here ........ Hey, thanks ahead of time for any amazing answers, Anyway, i am hosting my website on Tumblr, which is a blogging thing @ quickcache.org And you can customize your theme in HTML. I want to add a 150 by 150 or less picture to the left of the blog title. You can view to code here and view the sample website here If you could give me a updated copy with fill in the blank code that would be epic! I assume it should be easy for anyone with any knowledge of HTML. And yes i know i need a image host. Also if you add to the code, could you give me a recommended picture size to fit it to the left of the title? Thanks so much! I just need to write an html page (or asp) or whatever, that takes a varialble from a form and opens/makes an http call to another page using the variable the user input. For example, the user enters there name (Bob)on a page and hit submit. I need Bob at the end of the call. I then need the following opened/called or whatever. http://www.somesite.com/script/Bob I am very new to programming and just need this for a quick work project. i want to make my text go from left to right inside my html box. for some reason its only going in the center of the page. ive tried editing the code but to no avail. please help me! heres the address, thanks dale. http://stores.ebay.co.uk/My-Memory-U...WITH-HTML.html and here's the code............... <div align="center"><table border="0" cellpadding="0" cellspacing="0" width="819"> <tbody><tr><td><img src="http://www.use.com/images/templates/bynum/6411/pintop.jpg" width="819"></td></tr> <tr><td align="center" background="http://www.use.com/images/templates/bynum/6411/topbar.jpg" height="80" valign="middle"><font color="#000000" face="arial, helvetica, verdana, sans serif" size="4"><b></b></font></td></tr> <tr><td background="http://www.use.com/images/templates/bynum/6411/midbar.jpg"><div align="center"> <table align="top" border="0" cellspacing="0" width="720"><tbody><tr><td style="background-repeat: no-repeat" width="720"><div align="center"><table style="width: 1px; height: 52px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td><br></td></tr><tr><td> <b>NOTE :</b> why is the text centered i want it from green to green inside the box?.<p> <br><strong><br></strong><strong></strong><br></p></td></tr></tbody></table> <img src="http://www.use.com/images/tran60h.gif" height="60" width="1"></div></td></tr></tbody></table></div></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/botbar.jpg" width="819"></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/footer.jpg" width="819"></td></tr> </tbody></table> </div> Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. Ok ive made a 100% custom html website and it looks pretty good for my first one but i just added new pages and ive added them with a code the this Code: <li><a href="MYLINKHEREMYLIKEHERE">Order</a></li> and i have it leading to the second page but when it takes me to the second page it has no background and it only shows the red font but if you highlight the page you can see everything else take a look! The home page looks fine its just the Prices and the Order page that dont work. http://www.rsessmines.tk Thanks for the help!! Ok ive made a 100% custom html website and it looks pretty good for my first one but i just added new pages and ive added them with a code the this Code: <li><a href="MYLINKHEREMYLIKEHERE">Order</a></li> and i have it leading to the second page but when it takes me to the second page it has no background and it only shows the red font but if you highlight the page you can see everything else take a look! The home page looks fine its just the Prices and the Order page that dont work. http://www.rsessmines.tk Thanks for the help!! Im creating a site in Kompozer. I put in a few tables, but I have been trying tofind a way to allign the contents of some of the cells to the top of the table (if that makes any sense) I basically want the content of the table to be in at the top of the cell, but theres a huge ammount of space between the middle of the cell (where it is now) and the top of the cell.# Help guys! I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!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=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> This is my main page: http://www.bestsellersworld.com I want to get rid of the extra space on the right hand side where everything will fit on the page. I don't know much about tables. Can someone help me? Hi there, I haven't coded in HTML for ages and now I'm just trying to put a little site together - but I've forgotten how to do one particular simple thing, and I can't find info anywhere! Basically, I want to have all my text spread out on one main page, and use those special links that you can do to certain parts of the page. I know that it involves something to do with hashes! So you have one hash tag at a certain part of the page, and you can click on a link to take you directly there. Sorry this is so basic!! Many thanks! I was trying to link a video I uploaded to my ISP on myspace, but I can't get it to happen. I have looked around on Google and everywhere else and whatever is recommended looks like it will work, but doesn't play anything. (I try previewing it through FrontPage) Any ideas? HTML Code: <p align="center"> <object width="500" height="375" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" hspace="0" border="1"> <param name="Filename" value="http://members.cox.net/sleazypeas/iremember.avi" /> <param name="AutoStart" value="True" /> <param name="ShowControls" value="False" /> <param name="ShowStatusBar" value="True" /> <param name="ShowDiplay" value="False" /> <param name="AutoRewind" value="True" /> <embed width="500" height="375" hspace="320" filename= "http://members.cox.net/sleazypeas/iremember.avi" autostart="True" showcontrols="True" showstatusbar="True" showdiplay="True" autorewind="True" border="1" src= "http://members.cox.net/sleazypeas/iremember.avi"></embed></object> </p> I am struggling with a very basic problem. I cant get a link to work on my website. I have a index.html site with the main code which links to a page called faq.html. The relevant HTML code is as follows (i also include the stuff at the top of the html page in case its relevant). I also include the CSS script (on a separate file) which may or may not be relevant. Can anyone help? <html> <head> <title>THREE-COLUMN FIXED LAYOUT WITH FIXED BOXES</title> <Link rel=stylesheet href="styles.css" type="text/css"> <! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.1//EN" "http://w3.org/TR/xhtml11/DTD/xhtml11.dtd"><LINK rel=stylesheet type=text/css </head> <BODY> <BODY BACKGROUND="topbackground.gif"> <DIV id=header> <DIV id=logo> <a>giftcardgo.com</A> </DIV> <DIV id=topnav> <UL> <LI><A href="faq.html">FAQ</A> <LI><A href="#">About us</A> <LI><A href="#">Contact us</A> </LI></UL></DIV> </DIV> </div> The CSS script relevant to the top navigation (which is where the FAQ tab and link is) is as follows: #topnav { clear:left; position: absolute; left: 400px; top: 75px; margin:0; padding:0; text-align:center; } #topnav ul { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: small; color: #FFF; line-height: 80%; float: right; } #topnav li { display: inline; list-style-type: none; font-size: 80%; } #topnav a { padding: 5px 0; width: 65px; background: 3399ff; color:black; text-decoration: none; } #topnav a:hover { border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background: 3366ff; } |