|
HTML - Do You Need To Test You New Site On Different Browsers?
How many browsers or which one specifically do you guys test your sites on before going live and is there really a need to do this testing these days especially if using strict XTHML?
Similar TutorialsHello. I was trying to code my site, but I ran into a problem with my site working in firefox seamlessly, but looking very not good in internet explorer. I ran it through the markup validator thingy on the w3schools website, and it told me there was only one problem with the site and that was that the body tag was in the wrong spot (I don't know where else I'd put it though). And the text I put in it is way to the left in IE, but aligned right where I want it in FF. Here's what it looks like in FF: And here's what it looks like in IE: This is the code I'm using: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>Bite Me - The free online shonen-ai/yaoi novel - fantasy, vampires, romance, anime!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background:url(http://bitememanga.com/images/layout%20mabob%20copy.jpg) top center no-repeat;
height: 884px
}
#yaoinovel {
margin:auto;
padding: 80px 0px 0px 136px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
color: white;
width: 610px
}
#updates {
margin:auto;
padding: 85px 0px 0px 135px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 14px;
color: white;
width: 625px
}
#adsense {
margin:auto;
padding: 250px 160px 0px 0px;
height: 70px;
width: 175px
}
#affiliations {
margin:auto;
padding: 60px 0px 0px 50px;
width: 500px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size:14px;
color: white;
}
#nav {
margin: auto;
padding:7px 0px 0px 128px;
text-align: center;
list-style-type:none;
color: gray;
font-family: Geneva, 'Times New Roman', Times, serif;
font-size:24px;
font-weight:bold;
}
#nav a {
padding:3px;
border:0px solid #ccc;
font-size:18px;
color:#f00;
text-decoration:none;
}
</style>
<div id="nav">
<a href="http://bitememanga.com/"><font color="white">.<font color="A30808">Home</font>.</font></a>
<a href="http://bitememanga.com/book.html"><font color="white">.<font color="A30808">Novel</font>.</font></a>
<a href="http://bitememanga.com/characters.html"><font color="white">.<font color="A30808">Characters</font>.</font></a>
<a href="http://bitememanga.com/about.html"><font color="white">.<font color="A30808">About</font>.</font></a>
<a href="http://bitememanga.com/videos.html"><font color="white">.<font color="A30808">Videos</font>.</font></a>
<a href="http://bitememanga.com/comments.html"><font color="white">.<font color="A30808">Comments</font>.</font></a>
<a href="http://bitememanga.com/forum.html"><font color="white">.<font color="A30808">Forum</font>.</font></a>
<a href="http://bitememanga.com/more.html"><font color="white">.<font color="A30808">More</font>.</font></a>
</div>
<div id="yaoinovel">
Welcome to Bite Me, the online shonen-ai/yaoi novel about Aku the vampire, and his love, Haru. You're probably wondering what this means. Well, shonen-ai means "boys love", in other words, love between two boys. A manga is a japanese comic book that reads from right to left, and a manga-novel is a book with Japanese names, settings, and customs that you may find in a manga. <br><br><br>
We also have lots of shonen-ai and yaoi videos and a forum to discuss boys love. We hope to see many active participants in our site!
</div>
<div id="updates">
<font color="A30808">*06/25/2009*</font> Switched layouts! We hope everybody likes the new one! : D Also, we added a videos page and changed the forum a lot.</div>
<div id="adsense">
<script type="text/javascript"><!--
google_ad_client = "pub-0516390167224604";
/* 468x60, created 6/25/09 */
google_ad_slot = "9079773776";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="affiliations">
<a href="http://www.durka2manga.com/" title="Durka 2 Manga"><img src="http://www.durka2manga.com/images/d2m_aff.jpg" alt="Durka 2 Manga" title="Durka 2 Manga" width="100" border="0" height="31"></a>
<br>If you'd like to become an affiliate, please email us at bitememanga@hotmail.com</div>
<body>
<p></p>
</body>
</html>
I could really use help with this. I appreciate anything you can do! I'm not sure where to put this, moderators. I'm coding up a pre-designed template for a client. But I am having trouble with viewing it on an iPhone or iTouch. If anyone have them, would you be willing to test it out for me and let me know how it looks like? http://66.41.158.217:8888/aef/ Thanks! Yeah I prolly shouldnt do this with ads but im just wondering how to do it, when people click on the ad, using javascript, when they click it a message will prompt saying thanks for clicking the ad, Im not actualyl forcing them to click the ad just a little bit of gratitude Anyone know how to do this? The test page: http://www.hindbrain.net/ex10.php I am working on a test page and have a couple of html / css questions. The page is doing what I want (I've only looked at it with firefox so far) except for these 3 items: 1. The page has horizontal and vertical scrollbars. I've tried everything I can think of to get rid of them, but haven't been able to. The offset is 38 pixels in both the horizontal and vertical directions. Where is this offset coming from? 2. If you move the draggable window I can drag it off of the screen. I've tried containment: "parent" but the draggable div jump to the top of the screen with most of it hidden above the screen top. Does anyone know how to get the containment to work? 3. If I comment out the body { margin: 3em; } line the draggable window moves slowly and is jerky. Does anyone know why? thanks, William hi im a bit new to html coding and need a little help. im coding a script test page in html. i have the first half of the page fine but cant get a proper textarea box under the proper fields. here's what i got........... HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test Script</title> <form> Project: <input type="text" name="Project" /><br /> Version: <input type="text" name="Version" /> </form> </head> <body> <form> <table border="1" bordercolor="" width="1100px" bgcolor=""> <td> Test </td> <td> Task </td> <td> Expected </td> <td> Actual </td> <td> Comments </td> <td> Tester </td> </tr> </table> <textarea rows="5" cols="15"> text area </textarea> </form> </body> </html> Hi I know there is a piece of text out there that people use to test their web page. I want to know where can you get that, as i can't seem to find it anyway after several attempts of googling. cheers. Hy all, I've managed to make a pretty decent newsletter using only basic-html and no stylesheet. It looks fine in Outlook and Hotmail, so I'm very curious what it looks like in other mailclients. Do you guys now if there are programs on the internet that enable me to look how my mail shows up in different mailclients? Any advices?! Thanks in advance! Hello guys, i was wondering if any of you knows of :Some sort of book with html tests. Like in math where there are lots of tests and problem books , is there any place where we can find/buy/download HTML test books? Thanks in advance for your answers and since is almost the last day of the year i will rush in wishing you all HAPPY NEW YEAR! I have just developed a series of quizzes to post on my Bible Web site. It works fine, but I'm wondering if there are any alternative ways of doing what I want. Here's how I designed each quiz. There is a "main" html file that creates two frames: <frameset rows="70%,30%"> <frame src="1SamuelQuiz.html" name="QuizFrame"> <frame src="BlankAnswerPage.html" name="AnswerFrame"> </frameset> Then I created an html file with all the quiz questions in a numbered list (1SamuelQuiz.html). Here's an example of one item from the list: <p>Who was David's father?</p> <p><a href="1SamuelAnswer1.html" target="AnswerFrame">Click here for answer.</a></p> When the user clicks for the answer, it appears in the lower frame, while the questions remain visible in the upper frame. As I said, everything works fine, just as designed. However, this method does require a separate html file for each individual answer. The more quizzes I create like this, the number of files increases at an alarming rate! Is there any alternative design that would still allow the user to click to see an answer while keeping the quiz questions visible? Thanks. Bill Hey everybody, I've been wrestling with the classic iframe border issue in IE for the past couple of days and desperately need to know if I've cracked it (browsershots is just getting slower and slower these days..) http://www.eveningtweed.com/lauratest/home.htm Are IE users on PCs seeing a border around the iframe which contains the 'workworkwork' line? I've ensured the CSS for the iframe is correct (frameBorder=0 with the camel case) as well as setting a 0 border on the page loaded into the frame itself. Jez need help with my project! n have no idea wht to do.... have to make iq level test on FWP. 1. First in the form ppl will see do u want to check your iq level..yes or no. include options. 2. if user says no then program will be terminated 3. if user says yes then will be asked that plz log in if already a user..else plz register. 4. if user is already a member thn will be directed to the iq level page. 5. After registration user will be asked for id and password. 6. After the registration IQ test will be shown, if the answer is right thn it will be shown in green color, if its wrong thn red color will be shown. 7. After this users iq level will be shown in %. 8. N those who already took it will also be shown on the page n atlast it will say thx.'. i hope u will understand....wat i wrote...need help guys........plzzzzzzzzzzzzzz 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! I am having some problems. I am redesigning a site and It looks good in firefox, but when viewed in IE the spacing is off. I like the way it is looking in firefox, but not in IE. Any ideas?? http:// www .integratedpeaksolutions.com/New/Site/ I built this page and I'm noticing it works fine in Dreamweaver browser but not in opera and safari and IE? What am I doing wrong? http://www.rendemolition.com/patio1.html What would the script be to check which browser you are using. I want a script to check if the webpage is being viewed by iPhone safari, not sure how to code it but I want it to do this: website/index.php: If iPhone Safari. go to;"mobile.website.com" And in mobile.website.com I will have a CSS for mobiles. I cant figure out why my website footer looks different in internet explorer compared to all the other browsers. IE makes the footer look off. Can someone please help me with this. www.pricedrightcleaningequipment.com thanks so much First I want to thank you for letting me be a part of this great forum. Now about the problem. My site looks good on IE browser but with firefox it looks strange, if you look at http://www.akuttpost.no/psykoseschizofreni.htm you may notice that the menu is lower than the middle page. How do I fix this? Is there a way to adjust this so that what looks on IE will be the same with all sorts of browsers? I use dreamweaver and claris 3.0 I have recent designed a website inAdobe fireworks then slices then exported it. (So it is in tables). I slice a 1 pixel image of the right side of the image to set as my background (repeat x). So I also set the top margin of the whole layout to 0 pixels. But it seems different browsers have a difference view of what 0 pixels is. Does anyone no away arround this? I just read a link from a web mag, and found a pretty smart service: 1. Go to http://browsershots.org/ 2. Select the OS/Browsers you want to check against 3. Select the "user" options 4. Submit your site 5. Get a set of images for each browser to see what it looks like Pretty cool, huh? Now you don't have to install every browser known to man I have this login on a website i'm doing, in Firefox, Opera & Safari the two text fields and the login button are aligned to the very left of the page but in IE the text boxes only stay about 15px further to the right. This means they are out of line with other elements on the page Can anyone tell from this code below what i'm doing wrong or do you need more code to go on. <form name=login> <table width=200 border=0 align="left" cellpadding=3> <td><input type=text name=username></td></tr> <td><input type=text name=password></td></tr> <tr><td colspan=2 align=left><input type=button value="Login!" onClick="Login()"></td></tr> </table> </form> cheers |
|||||||