HTML - Completely Baffled :/
Hey,
I am currently working on a new skin for my vBulletin forums but having spent an eternity working on the new skin I am having a nightmare with the header. This is the code I am using; Code: <tr> <td bgcolor="#FFFFFF"> <img src="imageoneurl.jpg" border="0"> <!-- breadcrumb, login, pm info --> <table style="background-image:url(imagetwourl.jpg); background-color:#8bcaf3; background-position:right; background-repeat:no-repeat;"> <tr> The above code is what I am currently using, and it works a treat on my computer ; Firefox 3.0 windowed @ 1280x1024: However, when at different resolutions this happens; Firefox 3.0 full-screen in Vista @ 1280x1024: Firefox 3.0 windowed @ 1280x1024 Bit desperate now, spent hours trying to find a solution. Any opinions and suggestions would be greatly appreciated. Similar TutorialsHi, I just changed some content in the middle of a oscommerce php page that I have been working with for a couple of years. I frequently add or change content in a table in this page. http://www.leavemeb.com/index.php Today, I added new stuff, pics, etc and used percentages in the tables to space things out well and so that when someone expands or condenses the browser window, the content adjusts accordingly. Now, in IE it shows up perfectly, yet in firefox on my mac it is very spaced out and can't even fit the whole page across without me having to scroll to the right to see the right collumn. Can anyone help me see what is not working here? I would be very grateful. I can't seem to see it. Nichole Hello all, I just joined the forums and am not very experienced in HTML at all but have a question that I hope you guys can help me with. So here it goes. I have a site called doodletype.com and when I am working on it I would like that domain and all of its directories to be redirected to one page which would be a page that tells people coming to the site that it is under construction. I've seen this done on many other pages but I can't seem to find out how to do it properly. I can get the URL to redirect correctly when all the user types in is doodletype.com but when the user types in something like doodletype.com/Directory it redirects this URL to a URL like this newsite.com/index.html/Directory. So it appends the /Directory to the end of the redirect URL which then creates the wrong URL and a page cannot be found error. Where as I would like to find out some way of ignoring anything the user puts past doodletype.com/ and just always no matter what the user puts past doodletype.com/ redirect to only newsite.com/index.html and not newsite.com/index.html/Directory. Any help would be great and thanks for your time. I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible. I have attached 2 images of how the site looks in IE as oppose to Firefox Thanks Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc. My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads) This is what I see in both I.E. and Firefox: Here's the code for the object: Code: <style type="text/css"> div.lastfm_quilt_black a, div.lastfm_quilt_black div { height: 20px; margin: 0; overflow: hidden; text-decoration: none; padding: 0; background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0; width: 100%; float: right; display: inline; } div.lastfm_quilt a:hover { background-position: 0 0 !important; } {if $orientation=='horizontal'} div.lastfm_quilt_horizontal { width: 460px; } div.lastfm_quilt_black a.lastfm_quilt_artists_wide, div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums_wide, div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px; } {else} div.lastfm_quilt_vertical { width: 184px; } div.lastfm_quilt_black a.lastfm_quilt_artists, div.lastfm_quilt_black a.lastfm_quilt_artists:hover { background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black a.lastfm_quilt_albums, div.lastfm_quilt_black a.lastfm_quilt_albums:hover { background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px; } {/if} div.lastfm_quilt_black .lastfm_quilt_profile a, div.lastfm_quilt_black .lastfm_quilt_profile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt_black .lastfm_quilt_noprofile a, div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover { background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px; } div.lastfm_quilt a.get_your_own { width: 92px; border-right: solid 1px #000000; } div.lastfm_quilt a.visit { width: 91px; background-position: -93px -20px; } div.lastfm_quilt a.visit:hover { background-position: -93px 0 !important; } </style> <div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black"> <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a> <embed src="http://static.last.fm/quilts/3/quilts_main.swf" flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" quality="high" bgcolor="#000000" width="184" height="414" name="quilts_main" align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div> Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing). Here's a link to that code: Network Information and here's a link to the entire page source: Entire Page Both are .txts I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off. I finished building my roll-out menus for firefox, but they're not working in IE. Moreover they get stacked on top of eachother instead of next to eachother. http://www.problem-solving.be/dir0 Can anyone help me how to solve it? Here's the related CSS: Code: /* Drop-down menu */ .nav2 {} .nav2 ul { list-style-type:none; } .nav2 ul li { float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background: #C7D0D7; /*url(images/css/css_cat_light.jpg) repeat-x;*/ left:-20; } .nav2 ul li a { float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:28px; width:90px; line-height:28px; padding:0 20px 0 20px; text-decoration:none; font-weight:bold; color: #006699; } .nav2 ul li ul { display:none; border:none; } /* Non-IE6 hovering */ .nav2 ul li:hover a { text-decoration: none; } .nav2 ul li:hover ul { display:block; position:absolute; z-index:999; top:3.0em-6; left:-20; } .nav2 ul li:hover ul li a { display:block; width:88px; height:auto; line-height:1em; /*margin-left:50px;*/ padding:2px 20px 2px 20px; border-left:solid 1px rgb(175,175,175); border-right:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#EFEFEF; font-weight:normal; color:rgb(50,50,50); } .nav2 ul li:hover ul li a:hover { background-color:#FFFFFF; } .nav2 ul li a:hover { /*background: #DFDFEF;*/ /*#006699;*/ /*url(images/css/css_cat.jpg) repeat-x; */ /*color:#DEEEF3;*/ } .nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;} .nav2 ul li a:hover ul {display:block; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;} .nav2 ul li a:hover ul li a {display:block; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/ .nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/ Thanks! Can we port a flex application completely to HTML5? Thanks, Simi. I need some serious help, I have no idea what to check: www.enviral-design.com go to th galleries page, and see what I mean. if you are in Safari or Chrome, it loads exactly like it's supposed to(for me at least) However, on IE or Firefox the gallery page loads all stretched, and as soon as you click on any thumbnails or spry accordion tabs the page just explodes!! what gives?? I've replaced the css for the accordion spry panels with deault DW css, no luck. same with the .js file that the accordions use, also no luck.... I have no idea what to do, or where to start.... anyone?? please help me out!! thanks for your time, Lucas |