|
HTML - Struggling With Different Browsers
Mainly IE. I've created my first site using HTML and it displays fine for now using Firefox, Chrome and Safari, however I can't get it right with IE. I'm testing it with IE8.
I've done a ton of googling and have tried Transitional and Strict doctypes, but regardless I can't seem to get my page to look the same in all the browsers. I've done the site in Transitional but when I open it in IE a few graphics are out of place. So I then tried changing the doctype to strict and the graphics matched the out-of-placeness in IE with the other browsers, but then something else in IE gets messed up that isn't in the others. So basically, whether I use strict or transitional I can't get all the browsers to work. Any thoughts would be greatly appreciated. Thanks. Similar TutorialsOk.. my FIRST website.. and so far... I've been able to find the answers I need by googling, etc. I am, however, struggling to figure out HOW I can make the 70 gallery images I have go in horizontal rows - smaller versions - that when u click on them, they link to the larger version of the pic. Below is the code for the entire pg, is there an easy way to do this? Or even a hard way.. ANY WAY! I appreciate your help! Thanks! -Jen -- PS: website is: www.tattoosbycamel.com HTML Code: <html>
<head>
<title>Tattoos By Camel / Gallery</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet"></head></head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" align="center">
<tr>
<td> </td>
<td width="737" valign="top"><table width="737" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="800"><table width="800" border="0" cellspacing="0" cellpadding="10">
<tr>
<td height="77" valign="bottom"><a href="index.html"><img src="images/logo_2.jpg" border="0"></a> <br> <td align="left"> <br>
<a href="index.html"><img src="images/home.jpg" border="0"></a>
</tr>
<tr>
<td align="left">
<a href="Tattoos005.html"><img src=images/Tattoos005.jpg border="0"></a>
<a href="Tattoos009.html"><img src=images/Tattoos009.jpg border="0"></a>
<a href="Tattoos010.html"><img src=images/Tattoos010.jpg border="0"></a>
<a href="Tattoos020.html"><img src=images/Tattoos020.jpg border="0"></a>
<a href="Tattoos028.html"><img src=images/Tattoos028.jpg border="0"></a>
<a href="Tattoos032.html"><img src=images/Tattoos032.jpg border="0"></a>
<a href="Tattoos036.html"><img src=images/Tattoos036.jpg border="0"></a>
<a href="Tattoos050.html"><img src=images/Tattoos050.jpg border="0"></a>
<a href="Tattoos051.html"><img src=images/Tattoos051.jpg border="0"></a>
<a href="Tattoos060.html"><img src=images/Tattoos060.jpg border="0"></a>
<a href="Tattoos078.html"><img src=images/Tattoos078.jpg border="0"></a>
<a href="Tattoos099.html"><img src=images/Tattoos099.jpg border="0"></a>
<a href="Tattoos110.html"><img src=images/Tattoos110.jpg border="0"></a>
<a href="Tattoos128.html"><img src=images/Tattoos128.jpg border="0"></a>
<a href="Tattoos142.html"><img src=images/Tattoos142.jpg border="0"></a>
<a href="Tattoos156.html"><img src=images/Tattoos156.jpg border="0"></a>
<a href="Tattoos158.html"><img src=images/Tattoos158.jpg border="0"></a>
<a href="Tattoos159.html"><img src=images/Tattoos159.jpg border="0"></a>
<a href="Tattoos162.html"><img src=images/Tattoos162.jpg border="0"></a>
<a href="Tattoos169.html"><img src=images/Tattoos169.jpg border="0"></a>
<a href="Tattoos185.html"><img src=images/Tattoos185.jpg border="0"></a>
<a href="Tattoos217.html"><img src=images/Tattoos217.jpg border="0"></a>
<a href="Tattoos239.html"><img src=images/Tattoos239.jpg border="0"></a>
<a href="Tattoos300.html"><img src=images/Tattoos300.jpg border="0"></a>
<a href="Tattoos308.html"><img src=images/Tattoos308.jpg border="0"></a>
<a href="Tattoos102.html"><img src=images/Tattoos102.jpg border="0"></a>
<a href="Tattoos301.html"><img src=images/Tattoos301.jpg border="0"></a>
<a href="Tattoos302.html"><img src=images/Tattoos302.jpg border="0"></a>
<a href="Tattoos304.html"><img src=images/Tattoos304.jpg border="0"></a>
<a href="Tattoos245.html"><img src=images/Tattoos245.jpg border="0"></a>
<a href="Tattoos306.html"><img src=images/Tattoos306.jpg border="0"></a>
<a href="Tattoos307.html"><img src=images/Tattoos307.jpg border="0"></a>
<a href="Tattoos400.html"><img src=images/Tattoos400.jpg border="0"></a>
<a href="Tattoos401.html"><img src=images/Tattoos401.jpg border="0"></a>
<a href="Tattoos402.html"><img src=images/Tattoos402.jpg border="0"></a>
<a href="Tattoos404.html"><img src=images/Tattoos404.jpg border="0"></a>
<a href="Tattoos405.html"><img src=images/Tattoos405.jpg border="0"></a>
<a href="Tattoos406.html"><img src=images/Tattoos406.jpg border="0"></a>
<a href="Tattoos407.html"><img src=images/Tattoos407.jpg border="0"></a>
<a href="Tattoos409.html"><img src=images/Tattoos409.jpg border="0"></a>
<a href="Tattoos410.html"><img src=images/Tattoos410.jpg border="0"></a>
<a href="Tattoos411.html"><img src=images/Tattoos411.jpg border="0"></a>
<a href="Tattoos412.html"><img src=images/Tattoos412.jpg border="0"></a>
<a href="Tattoos413.html"><img src=images/Tattoos413.jpg border="0"></a>
<a href="Tattoos414.html"><img src=images/Tattoos414.jpg border="0"></a>
<a href="Tattoos416.html"><img src=images/Tattoos416.jpg border="0"></a>
<a href="Tattoos417.html"><img src=images/Tattoos417.jpg border="0"></a>
<a href="Tattoos418.html"><img src=images/Tattoos418.jpg border="0"></a>
<a href="Tattoos419.html"><img src=images/Tattoos419.jpg border="0"></a>
<a href="Tattoos420.html"><img src=images/Tattoos420.jpg border="0"></a>
<a href="Tattoos421.html"><img src=images/Tattoos421.jpg border="0"></a>
<a href="Tattoos422.html"><img src=images/Tattoos422.jpg border="0"></a>
<a href="Tattoos423.html"><img src=images/Tattoos423.jpg border="0"></a>
<a href="Tattoos424.html"><img src=images/Tattoos424.jpg border="0"></a>
<a href="Tattoos425.html"><img src=images/Tattoos425.jpg border="0"></a>
<a href="Tattoos426.html"><img src=images/Tattoos426.jpg border="0"></a>
<a href="Tattoos427.html"><img src=images/Tattoos427.jpg border="0"></a>
<a href="Tattoos428.html"><img src=images/Tattoos428.jpg border="0"></a>
<a href="Tattoos429.html"><img src=images/Tattoos429.jpg border="0"></a>
<a href="Tattoos430.html"><img src=images/Tattoos430.jpg border="0"></a>
<a href="Tattoos431.html"><img src=images/Tattoos431.jpg border="0"></a>
<a href="Tattoos433.html"><img src=images/Tattoos433.jpg border="0"></a>
<a href="Tattoos434.html"><img src=images/Tattoos434.jpg border="0"></a>
<a href="Tattoos435.html"><img src=images/Tattoos435.jpg border="0"></a>
<a href="Tattoos436.html"><img src=images/Tattoos436.jpg border="0"></a>
<a href="Tattoos437.html"><img src=images/Tattoos437.jpg border="0"></a>
<a href="Tattoos438.html"><img src=images/Tattoos438.jpg border="0"></a>
<a href="Tattoos439.html"><img src=images/Tattoos439.jpg border="0"></a>
<a href="Tattoos440.html"><img src=images/Tattoos440.jpg border="0"></a>
<a href="Tattoos445.html"><img src=images/Tattoos445.jpg border="0"></a>
</td></tr>
<tr>
</td>
</tr>
</table>
</body>
</html>
Ok.. my FIRST website.. and so far... I've been able to find the answers I need by googling, etc. I am, however, struggling to figure out HOW I can make the 70 gallery images I have go in horizontal rows - smaller versions - that when u click on them, they link to the larger version of the pic. Below is the code for the entire pg, is there an easy way to do this? Or even a hard way.. ANY WAY! I appreciate your help! Thanks! -Jen -- PS: website is: www.tattoosbycamel.com HTML Code: <html>
<head>
<title>Tattoos By Camel / Gallery</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet"></head></head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" align="center">
<tr>
<td> </td>
<td width="737" valign="top"><table width="737" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="800"><table width="800" border="0" cellspacing="0" cellpadding="10">
<tr>
<td height="77" valign="bottom"><a href="index.html"><img src="images/logo_2.jpg" border="0"></a> <br> <td align="left"> <br>
<a href="index.html"><img src="images/home.jpg" border="0"></a>
</tr>
<tr>
<td align="left">
<a href="Tattoos005.html"><img src=images/Tattoos005.jpg border="0"></a>
<a href="Tattoos009.html"><img src=images/Tattoos009.jpg border="0"></a>
<a href="Tattoos010.html"><img src=images/Tattoos010.jpg border="0"></a>
<a href="Tattoos020.html"><img src=images/Tattoos020.jpg border="0"></a>
<a href="Tattoos028.html"><img src=images/Tattoos028.jpg border="0"></a>
<a href="Tattoos032.html"><img src=images/Tattoos032.jpg border="0"></a>
<a href="Tattoos036.html"><img src=images/Tattoos036.jpg border="0"></a>
<a href="Tattoos050.html"><img src=images/Tattoos050.jpg border="0"></a>
<a href="Tattoos051.html"><img src=images/Tattoos051.jpg border="0"></a>
<a href="Tattoos060.html"><img src=images/Tattoos060.jpg border="0"></a>
<a href="Tattoos078.html"><img src=images/Tattoos078.jpg border="0"></a>
<a href="Tattoos099.html"><img src=images/Tattoos099.jpg border="0"></a>
<a href="Tattoos110.html"><img src=images/Tattoos110.jpg border="0"></a>
<a href="Tattoos128.html"><img src=images/Tattoos128.jpg border="0"></a>
<a href="Tattoos142.html"><img src=images/Tattoos142.jpg border="0"></a>
<a href="Tattoos156.html"><img src=images/Tattoos156.jpg border="0"></a>
<a href="Tattoos158.html"><img src=images/Tattoos158.jpg border="0"></a>
<a href="Tattoos159.html"><img src=images/Tattoos159.jpg border="0"></a>
<a href="Tattoos162.html"><img src=images/Tattoos162.jpg border="0"></a>
<a href="Tattoos169.html"><img src=images/Tattoos169.jpg border="0"></a>
<a href="Tattoos185.html"><img src=images/Tattoos185.jpg border="0"></a>
<a href="Tattoos217.html"><img src=images/Tattoos217.jpg border="0"></a>
<a href="Tattoos239.html"><img src=images/Tattoos239.jpg border="0"></a>
<a href="Tattoos300.html"><img src=images/Tattoos300.jpg border="0"></a>
<a href="Tattoos308.html"><img src=images/Tattoos308.jpg border="0"></a>
<a href="Tattoos102.html"><img src=images/Tattoos102.jpg border="0"></a>
<a href="Tattoos301.html"><img src=images/Tattoos301.jpg border="0"></a>
<a href="Tattoos302.html"><img src=images/Tattoos302.jpg border="0"></a>
<a href="Tattoos304.html"><img src=images/Tattoos304.jpg border="0"></a>
<a href="Tattoos245.html"><img src=images/Tattoos245.jpg border="0"></a>
<a href="Tattoos306.html"><img src=images/Tattoos306.jpg border="0"></a>
<a href="Tattoos307.html"><img src=images/Tattoos307.jpg border="0"></a>
<a href="Tattoos400.html"><img src=images/Tattoos400.jpg border="0"></a>
<a href="Tattoos401.html"><img src=images/Tattoos401.jpg border="0"></a>
<a href="Tattoos402.html"><img src=images/Tattoos402.jpg border="0"></a>
<a href="Tattoos404.html"><img src=images/Tattoos404.jpg border="0"></a>
<a href="Tattoos405.html"><img src=images/Tattoos405.jpg border="0"></a>
<a href="Tattoos406.html"><img src=images/Tattoos406.jpg border="0"></a>
<a href="Tattoos407.html"><img src=images/Tattoos407.jpg border="0"></a>
<a href="Tattoos409.html"><img src=images/Tattoos409.jpg border="0"></a>
<a href="Tattoos410.html"><img src=images/Tattoos410.jpg border="0"></a>
<a href="Tattoos411.html"><img src=images/Tattoos411.jpg border="0"></a>
<a href="Tattoos412.html"><img src=images/Tattoos412.jpg border="0"></a>
<a href="Tattoos413.html"><img src=images/Tattoos413.jpg border="0"></a>
<a href="Tattoos414.html"><img src=images/Tattoos414.jpg border="0"></a>
<a href="Tattoos416.html"><img src=images/Tattoos416.jpg border="0"></a>
<a href="Tattoos417.html"><img src=images/Tattoos417.jpg border="0"></a>
<a href="Tattoos418.html"><img src=images/Tattoos418.jpg border="0"></a>
<a href="Tattoos419.html"><img src=images/Tattoos419.jpg border="0"></a>
<a href="Tattoos420.html"><img src=images/Tattoos420.jpg border="0"></a>
<a href="Tattoos421.html"><img src=images/Tattoos421.jpg border="0"></a>
<a href="Tattoos422.html"><img src=images/Tattoos422.jpg border="0"></a>
<a href="Tattoos423.html"><img src=images/Tattoos423.jpg border="0"></a>
<a href="Tattoos424.html"><img src=images/Tattoos424.jpg border="0"></a>
<a href="Tattoos425.html"><img src=images/Tattoos425.jpg border="0"></a>
<a href="Tattoos426.html"><img src=images/Tattoos426.jpg border="0"></a>
<a href="Tattoos427.html"><img src=images/Tattoos427.jpg border="0"></a>
<a href="Tattoos428.html"><img src=images/Tattoos428.jpg border="0"></a>
<a href="Tattoos429.html"><img src=images/Tattoos429.jpg border="0"></a>
<a href="Tattoos430.html"><img src=images/Tattoos430.jpg border="0"></a>
<a href="Tattoos431.html"><img src=images/Tattoos431.jpg border="0"></a>
<a href="Tattoos433.html"><img src=images/Tattoos433.jpg border="0"></a>
<a href="Tattoos434.html"><img src=images/Tattoos434.jpg border="0"></a>
<a href="Tattoos435.html"><img src=images/Tattoos435.jpg border="0"></a>
<a href="Tattoos436.html"><img src=images/Tattoos436.jpg border="0"></a>
<a href="Tattoos437.html"><img src=images/Tattoos437.jpg border="0"></a>
<a href="Tattoos438.html"><img src=images/Tattoos438.jpg border="0"></a>
<a href="Tattoos439.html"><img src=images/Tattoos439.jpg border="0"></a>
<a href="Tattoos440.html"><img src=images/Tattoos440.jpg border="0"></a>
<a href="Tattoos445.html"><img src=images/Tattoos445.jpg border="0"></a>
</td></tr>
<tr>
</td>
</tr>
</table>
</body>
</html>
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 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 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 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 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 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 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? Hello, I'm using FCK Editor in my web appliaction. When I try to insert pictures in text I'm using one table with align="left". Also under the pictures i have a description of the picture. In FireFox everything is fine and description is under the picture, but in IE description of the picture is on the right site. Here is the HMTL code that FCK Editor use when pictures are inserted: HTML Code: <table style="width: 144px; height: 209px" cellspacing="1" cellpadding="1" align="left" border="0">
<tbody>
<tr>
<td style="text-align: center"><img style="width: 146px; height: 157px" alt="" hspace="5" align="left" vspace="5" border="1" src="/_userfiles/image/Ronaldo.jpg" /><br />
<span style="color: rgb(153,51,0)">Test test tes</span><br />
</td>
</tr>
</tbody>
</table>
<p>This is some <strong>sample text</strong>. This is some <strong........
U can see what I get on my web site: http://www.macedonium.org/Macedonium...id=229&tid=876 See it in FireFox and in IE Thanks for the help Hello, Well ive been having this problem with my website: http://www.ngrock.com When i visit the website using Firefox it looks just perfect but when i use IExploer, the sidebar doesn't seem to work, instead of it being on the LEFT side of the website, parallel to the content. It displays Below the content, aligned left. What can i do to get the sidebar in its place on all browsers. Thank You. Claudio- Ok, its a pretty simple explanation. Basicaly, i want to know how to have two different webpages up at the samer time, but in the same broswer. Is there some kind of code that will contain the page to the box, so i can have two or three boxes on one page, each with a different site. If you dont understand then i will go into more detail. I play a game called runescape (www.runescape.com), but i want to watch online movies (www.filmhill.com) while i train on the game. Normaly i have to screens up, and it gets really confusing. Is there a way where i can make a custom page, where i can have both the movie and the game on the same screen? Thanks, Nathan Ok, I have the basic layout for my site down. I uploaded it to my firends server, you can find it at lithium-games.com. lithium-games.com It looks ok in IE, but things load wierd in firefox, and almost not at al in opera. This is stumping me as I dont know why/what is making it do this. It kinda stinks. Sup bro's Jow checkit, me and my homies 'r like building this website fo the rappin we do. But when us is like checkin it on the firefox browser its like all messed know what im sayin. On The other one its like real tight, but this is some weird stuff goin on. I is not into the webstuff man, too complicated. But I was just thinkin you bro's could tell me wassup with this browser stuff. peace out man, Lil' B Hello, I created this Wordpress theme http://www.ilmondodeidoppiatori.it/news/ It's perfect with Firefox but if I open it with Safari, the whole central column goes below the rest of the content: how can I fix it? Thanks in advance Hi, Im new around here. Well, 5 minutes . I have been designing and coding a website for Football Manager, and have got pretty far. I have now got a problem. This is how I want it to look. And it does in IE. but in Firefox It doesnt Thanks. Hello Everyone, I am new to web design and i designed a website which is good with all browsers except the new Internet explorer 7. Can anyone advise me on what do to so that it will be compatible with the explorer 7. What happened is " The menu of my web pages should be showing only when you click it but because it is not compatible with the new explorer, it open up and display all hidden menu. Can you help pls. |
|||||||