|
HTML - Multi-browser Compatability
i constructed my webpage using div tags and tables. when inserting the content (flash menu, text, pics) into the table, the page looks fine in Internet Explorer. However, when viewed in Mozilla Firefox, the content is not aligned properly.
How can I make the content uniform in both browsers? Similar TutorialsHi all. I'm working on developing a site mostly for practice now, and I'm stumped by the prospect of cross-browser compatibility. My first inclination was to use javascript to write a stylesheet declaration for each browser type and then create each stylesheet so that it is styled for each particular browser. Then I discovered the horrendous rendering differences between even different VERSIONS of the same browsers. The most notable hiccup-fest I've encountered has been IE6 and IE7. IE6 seems to go berserk at just about every possible attribute for the div tag. This means that my styles for IE7 won't display correctly in IE6. So my question is pretty simple. Is the only way for me to make cross-browser compatibility a reality for me to create about 12 different versions of the same stylesheet? I'd really love to avoid that if possible. Alternatives would be much loved. Also, I'm currently using the XHTML 1.1 doctype. Would it be a big no-no for me to simply emphasize that my code conforms to the latest standards and any rendering errors are probably due to an out of date browser? I know this would alienate some users, but as the same time, I also feel that users should be encouraged to upgrade. Hi, I'm new around here and need some help I've been dabberling with web development since 98 (had a rather large gap when pursuing a more artist approach but that's another story!) Recently I have been trying to launch an online apparel company myself and my partner have been working a site relaunch over the past fortnight and have stumbled across a huge problem that neither of us can rectify. Our site www.n-brio.com works picture perfect in chrome, safari and ie 8 but not in opera or firefox! Now the kicker is locally on both our computers it does but as soon as we look at it remotely thru those browsers half the site is not being recognised. We have checked code and even tried a different web host and still no head way! Are we missing something really obvious? Any suggestions would be amazing. Cheers Knatalie this site secretsoffitnessrevealed.com the menu bar links show up correctly in firefox but they show up vertically in IE and the home link doesnt work all together anything that wud fix it? heres the code HTML Code: <head>
<link rel="stylesheet" type="text/css" href="http://wiseones.50webs.com/Css">
<style type="text/css">
body { margin: 0px; padding: 0px; background-position: center top;}
p { font-size: 1; }
h1 {display: block; background-color: #D1CCC6; font-size: 12pt; Text-transform: none; color: black; letter-spacing: 0px; font-family: tahoma; }
h2 {text-decoration: none; font-weight: normal; font-family: tahoma; font-size: 11pt; color: #000000; text-transform:none; }
a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
font-family: tahoma;
font-size: 12 pt;
color: #000000;
text-transform:uppercase;
}
a:hover {
background-color: none;
font-weight: bold;
font-family: tahoma;
font-size: 7pt;
color: #1B2B00;
text-transform:uppercase;
}
</style>
<title>Isometric Exercise Secrets Revealed</title>
<meta name="description" content="Energizing Isometrics is the complete health and fitness program which can be performed in only 5 minutes a day!">
<meta name="keywords" content="health,fitness,muscle,musclebuilding,strength,abs,sixpack,fatloss,weightloss,isometrics,sports,benchpress,weights,exercise,antiaging,physicalfitness,aging,youth,flexibility,strong,power,energy,nutrician,isometricsexercise,menshealth,womenshealth,isometric,workout">
<meta name="author" content="Energizing Isometrics">
<meta name="email" content="energizingisometrics@gmail.com">
</head>
<body>
<center><div style=" width: 652 px; ">
<!--BACKGROUND-->
<font size="1">
<body background="Untitled-2.jpg">
<!--TOP BANNER-->
<img src="http://i93.photobucket.com/albums/l77/Xtron12/best-viewed-in-frefox.gif"><BR>
<center><img src="http://i42.tinypic.com/rc20sj.jpg"><BR><img src="http://i42.tinypic.com/10qmow7.jpg"></center>
<!--MENU-->
<div style="position: absolute; left: 500; top: 155px; " <a href="http://secretsoffitnessrevealed.com/index.html">Home</a> :: <a href="scienceofisometrics.html">Isometric Science</a> :: <a href="http://secretsoffitnessrevealed.com/testimonials.html">Testimonials</a> :: <a href="http://secretsoffitnessrevealed.com/buy.html">Buy</a>
</div>
<!--CONTENT BOX 76334a</div>-->
<center> <div style="float: center; width: 800px; height: 970px; background-color: #EDEDED; padding: 0px; margin: 0px 0px; "><h1>About the Program</h1>
<h2>Energizing Isometrics is a complete exercise program which can be performed in as little as 5 minutes a day! Numerous scientific studies have confirmed that the isometric principle is a valid method for enhancing musculature and overall fitness. There are many books available which teach isometric exercises, however, Energizing Isometrics is the only comprehensive program which has been developed to maximize benefits in the least amount of time.<BR><BR>
There are endless devices on the market for developing muscle and losing weight, some with price tags in the thousands. Why use valuable living space in your home, or make monthly payments for an apparatus that will eventually end up in the garage. With Energizing Isometrics, your body is the only device you need!<BR><BR>
Years of research have gone into the creation of the Energizing Isometrics program. The end result of this research is a health and fitness regimen that incorporates all the new findings and understanding about isometrics. Using the other outdated methods on the market will mean poor results and slow progress. Energizing Isometrics teaches the most up to date method of performing this type of exercise, in the most effective and efficient way. This equates to fast results with a very simple program that is easy to follow and perform.<BR><BR>Health and fitness are not as difficult (or expensive) to achieve as most think, or as the infomercials would have us believe. Energizing Isometrics reveals the unique and powerful method for improving our strength and fitness levels in only 5 minutes a day.</h2>
<BR>
<img src="http://i43.tinypic.com/jgs10h.jpg"><BR><div align="center"><a target="_blank" href="http://lightfit1.fatsecret.hop.clickbank.net">
<img border="0" src="http://www.topsecretfatlosssecret.com/images_boats/banners/topsecretfl-468x60b.gif" alt="Click here to Top Secret Fat Loss Secret" /></a></div>
<BR>
<div align="center">
<a target="_blank" href="http://lightfit1.healthebiz.hop.clickbank.net"><img border="0" src="http://www.healthbizinabox.com/images_boats/banners/healthbiab-468x60.gif" alt="Click here to go to Health Biz In A Box" /></a>
<BR><BR><BR>© 1998 - 2009
</div>
<BR><BR><BR><BR><BR>
</div></center>
</body>
Hey guys, I have designed my site using firefox as my default browser. My site looks exactly as I want in all of the following; Firefox, Chrome and Safari but IE 8 shifts my JS links. the site in question is: http://for-rent-nerja.co.uk Can anyone shed any light on why? I have tried in IE8's 'compatablilty mode' and whilst this improves the layout it does not change the link positioning! IE8 is a joke! I have this code in my js which is located http://www.for-rent-nerja.co.uk/hvmenu/exmplmenu_var.js which defines the links, and this defines the left positioning ' var StartLeft=-8; ' - if I set that to ' var StartLeft=0; ' that aligns it in IE8 but knocks it out of line in the other 3. Any suggestions on how to sort this out would be warmly received! Thanks guys! Jamie I have a css ok it works in combination When I try to put another css It does not work :cole Here the <Link /> my css Code: * 1. <Link rel ="Stylesheet" media ="Screen" type ="Text / css" title ="Home" href ="Forum.css" />
* 2. <Link rel ="Stylesheet" media ="Screen" type ="Text / css" title ="Design" href ="Http://localhost/siteweb/css/design.css" />
forum.css is in the same folder as my css file and design.css is or it is said. forum.css it does not appear and that appears design.css! Thank you for helping me It works on Firefox but not on Chrome I created a website and its basic, but I want to be able to update news on the main page. I have a friend who is going to update the news but I dont really want her messing with files so is there a way to easily make a page that has a text box where she can enter text then press submit to add it to the main page? Something like this: 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=utf-8" /> <title>Update Text</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <p> <label for="text">Enter text in the box below then when you are finished press the button below to<br /> add it to the new section in the main page. <br /> <br /> </label> <label for="textfield"></label> Subject: <input name="textfield" type="text" id="textfield" size="96" /> <label for="text"><br /> <br /> </label> <textarea name="text" cols="80" rows="9" id="text"></textarea> </p> <p> <input type="submit" name="Submit" id="Submit" value="Finished?" /> </p> </form> </body> </html> Hi every body, i have i simple square div : A with 3 other small divs : x, y and z i want when i hover x or y or z the Photo in the div A CHANGES ... in order to do that (Without using Java Script : Only Html + css), i think about using the normal hover, but this time with partitionning the area over witch the mouse hover ... suppose that we have an area divided with horizontal and vertical axes ... and we want that each time the mouse hover some part, the effect occures in some div ... Can i do that without JS (html + css) Thanks to any usefull help Hi sorry if this has been asked before but i couldnt find any answers doing a search of the site. My question.... We have a local homepage for the office computers and have a basic search box which searches google. I would like to know if it is possible to add other site to the search e.g. Ebay. I have the code for searching ebay but i would like to merge the two (google and ebay) so i have a single search input box and two seperate buttons so the user can enter their search text then click whichever relevant button they want to search. I know u can do this with drop down boxes as iv seen other multi search engines but we dont have a lot of space left on the page for another search box. Is this even possible - 1 search box and 2 buttons (1 button for google and 1 for ebay) Sorry for the long winded question Thanks in advance hi, i want to add a multi quote button on phpbb2 forum using only the template files so it would be in viewtopic_body.tpl could anyone tell me how i can add this using html or javascript code: there is different ways of doing 1 way: there will be a checkbox for each post, you select the checkbox for each post you want to quote, then at the bottom a button called "quote selected" and it will quote all the selected posts in the quick reply box second way: you highlight the text from a post that you want to quote, then you click the button that says "quote selected" and it will quote everything you highlighted on the page. does anyone know how to do this please? what i would need to add to my template file called viewtopic_body.tpl please help me.. Is there a way to use mailto to send an email to 2 recipients? Is there a way to send an email and to cc someone? Thanks so much. Hello, I've got a few questions to do with CSS, now I use it in my code!: 1. Is it ok to use minus in your margins? margin-top:-10px; 2. If not, then how do you keep your things on the same line? Please help! Thanks, ToshNeox Hi everyone. I'm currently trying to code a web page that uses a three level list tree. For example, I want the following effect. Code:
1. First Level Heading
1.1 Second Level Item
1.1.1 Third Level Item 1
1.1.2 Third Level Item 2
2. First Level Heading
2.1 Second Level Item
2.1.1 Third Level Item 1
2.1.2 Third Level Item 2
2.1.3 Third Level Item 3
etc etc.
Is there any way I can achieve this using lists? As I cannot figure it out. I'm thinking I may have to scrap the list idea, and just use standard paragraphs instead. EDITED: Think I've worked it out. Is this semantically correct though? Code: <ol style="list-style-type: decimal;"> <li>First Level Heading <dl> <dt>1.1 Second Level</dt> <dd>1.1.1 Third Level 1</dd> <dd>1.1.2 Third Level 2</dd> </dl> </li> <li>First Level Heading <dl> <dt>1.1 Second Level</dt> <dd>1.1.1 Third Level 1</dd> <dd>1.1.2 Third Level 2</dd> </dl> </li> </ol> Hello, I am trying to create a website with muti level menu for the following HTML. I have attached 3 files here. 1. Outdoor.css is HTML css file 2. jqueryslidemenu is muti level menu css 3. jqueryslidemenu is muti level menu js I edited all three files with my HTML code i could not get result that i wish. navigation bar is displayed but muti level menu is not displayed. How to overcome this? Thanks, Suresh.G Look at this code <html> <body> <table> <tbody style="display: none;"> <tr> <td>Row 1 hasn't to be appeared</td> </tr> <tbody> <tr> <td>Row 2 hasn't to be appeared as well</td> </tr> </tbody> <tr> <td>Row 3 hasn't to be appeared as well</td> </tr> </tbody> </table> </body> </html> The result is: Row 2 hasn't to be appeared as well Row 3 hasn't to be appeared as well With Row 2 we can work through some "CSS/JavaScript/AJAX ... etc" stuff. But WHY DOES THE ROW 3 APPEARED ????????? You probably clicked on this just to see what the title actually meant! I don't know what you call it but this is what I have and this is what i'm trying to achieve. I currently have a file, say page1.php It gives a couple of drop down selection boxes in html and a submit button, this is the first filter. The button opens page2.php which has run a query based on the drop down selections and displays data adding a checkbox to the table output. You can select certain rows via the checkbox then click another submit button which loads page3.php, updating the database based on checkboxes. Anyway, what I would prefer is to have everything inside a single page. So firstly it loads step 1, click submit and refresh with step 2 data, then step 3. Can anyone point me in the right direction of how to implement this? Assuming that it's not particularly complex to achieve. The reason to do this is for neatness as it is a solution I may distribute in the future. Thanks, Matt http://addictinginfo.webs.com/politics.htm ^^the page at hand Looking for a comment box that i can use for every story rather than just the page. If i try to copy the same comment box html over to the next stories it has errors. Any help is great. Thanks. Hi all you guys! I'm planning on making a website that sells customly made computers. I don't know how to make a few lits of items wich would have a choise box for each item, and when the user checks a box, it automaticly would count the new price, and paste it on a thing that follows the user as he scrolls down the page, without refreshes. Any help? I've got a data entry form where a user optionally puts data in a couple sections. It's too big to fit on-screen, so currently it's a multi-column, spreadsheet-style form. First, before I even chase this and waste everybody's time, is using tabs a good way to make a form that'd otherwise scroll through multiple sections? To make it easier to use I'm thinking about using tabs. I've found a couple examples and can display the tabs fine, but I"m having trouble understanding how to do the interaction between the form and php. The list is a set of hrefs like <li><a href="abcdform.php">a</a></li> <li id="selected"><a href="#">b</a></li> I can see that the first li is going to jump to "abcdform.php", but what does the "#" in the second li do? I want this to be a single php file with the html in it and a single php file with all the code. How do I get php to know what tab was hit? I"m generating the table rows and data in the php so how do I get the right rows of data into the right tab section? Hi everyone, I just started tinkering with HTML coding and have been bouncing around tutorial sites and the like trying to figure out how to achieve my goals. im trying to create a 3 framed page (easily done so far)...with a form to create a purchase order style form....(heres where i begin to struggle). i have found plenty of samples of code to get the elements of the form going, drop down menus, text input, submit form via email, ect. but what im trying to find now, and im hoping someone here can help me is this. i want to create either a multi-level drop down menu, OR, a dropdown menu that referres to the next menu. ill try to explain this better with an example.... sample content for first menu.... Bread Milk Cheese say for example you select bread..... next menu content will be dependant on the first menu's selection sample content for second menu, "Bread" selected..... Wholegrain White Wholmeal sample content for second menu "Milk" selected Full cream Low fat Long life....ect, ect. I have done plenty of searching but all i have found is stuff that is waaaaaay out of my league this early in the game, most of my searching has yielded results from javascript, flash and something called jquery. is there any way to do this without spending lots of coin on fancy programs? im just using good o'l notepad here Thanks for any assistance in this, and i do appologise if it has been covered before, perhaps i have not been using the correct key words in my searches. |
|||||||