HTML - Display/alignment Issues In Ie

Hey everyone! I am completely new to webpage design and have enjoyed some parts of it! I have just been teaching myself as I go and viewing tutorials to learn most of what I have done. Now I am in a jumble and have no idea what to do. I am working ... my main problem is things aligning correctly. I am working on this for a friend and really would like to just be done with it! Please check it out, I attached the pages so maybe you can lead me in the right direction. I believe I have not positioned things correctly. They appear okay sometimes on internet explorer / funcky on firefox / and reallly crazy on safari! Also, the navagation bar is very glitchy, maybe I shouldn't have done a flash navigation? Im going nuts over here! I appreciate all your help.

Hello,
I made a very simple table layout (with photoshop and imageready) and its my very first time making this type of layout so I'm having a little trouble with the coding. I haven't added a style.css file to it, except for maybe the css that wraps my navigation to a certain width.

Here is the url: http://rezina.awardspace.com/layout01

I can't seem to align the images correctly. My friend told me that one of the images was not sliced correctly, so I sliced it but .. it kind of fixed the right side, and not the left.

Also, the extra.jpg (which is the outside background-the stripes) seems to repeat itself both vertically and horizontally, is there a way to fix that?

Thanks. =))

oh. oops. I just read the rules, sorry for the vague title. I would try changing it to be more specific but I don't know how..

Hello, quick question here.
I'm working on this site: (replace @'s with a's)
v@rd@burstyn.com/version2/

The previous designer left it in a bit of a mess, and now that I've made some changes that appear nicely in my Safari browser, the tables are hugely misaligned when I look at a number of the pages in Firefox (i.e., water.html or rites.html).

Any advice as to how to get the tables back under control? I've tried for a while but nothing seems to fix it.

Thanks very much in advance.

Dear forums!
I'm having issue with an padding-problem which i'm not able to solve on my own. I don't understand why my code returns the problems that it does, but it for some reason does.

Okay, what is the problem?

I've drawn them into this picture;
http://i42.tinypic.com/4v1veo.png
The problem is that the first navigation-button starts off with about 10-15 pixels, and ends about 3 pixels out of the actual navbar (if you check the borders).

I would like to remove this, so that the navbar button covers the whole area of the navbar div / element, without starting too late or ending too late.




CSS code can be found here;
http://www.myhrensolutions.net/tolkf...sign/index.css

the HTML-code can be viewed here;
http://www.myhrensolutions.net/tolkfirma/tjenester.html


All help is muchly appriciated,
thank you!

- Scott.

Hey guys,

I have been designing a portfolio for my photography for some time.

There are a few issues I have and I would appreciate your help.



http://fjchapman.com/portfolio/portfolio.html

1. If you'll notice, the SWF object won't open.

If you go to http://fjchapman.com/portfolio/viewer.swf , the swf is fine. There is just something wrong with my code.

2. Why is it so screwed up in IE?

I have been going through my code but I cannot understand why IE is adding some mysterious padding. Help?

3. Alignment of links.

While the links are just fillers (concert photography, portraits) for now, how can I have them aligned to the bottom left of my header?


Thank you guys so much for your time.

Hello, I just made my new site for my company and I tried to keep it extremely simple. I used wordpress to do the basic layout automatically and made some simple edits with some basic html i picked up along the way this week. There seems to be two problems though:


1) the form is inside a table which doesnt seem to align properly within any of the popular browsers (firefox/IE/chrome) .... it should look like 1 image instead of 3 separate pieces

2) i eventually got the form to align slightly better but the spot where I "Enter my zip code" doesnt align with the background image behind it.....sometimes it doesnt even say "enter zip code" which is very bad for a user experience. in firefox it doesnt say it, but in chrome it does say it....either way, both are aligned very poorly.....


I put my code into this site:
http://w3schools.com/html/tryit.asp?...=tryhtml_intro

...and after editing it, i've come to find that it works perfectly within that html editor and looks exactly how i want it to look. but then when i put the code back into my wordpress site, the alignment messes up again......

so i did some research and found out that wordpress has "deprecated" some of the html tags and that they dont work anymore...if i understand correctly. so now i have to find a way to pick new tags or use CSS...this is just so confusing and i thought maybe somebody here might be able to offer me some assistance to help me fix up this form/table problem.

my site's url is:
http://www.allautoinsurance.org

my code that I'm editing is on the right sidebar, where the alignment messes up:

<div style="text-align: center;"><span style="font-size: 14pt; font-family: Georgia; color: rgb(0, 0, 0);"><span style="font-size: 14pt;"><span style="font-size: 14pt;">Our free online service instantly browses the best rates in your zip code area at the click of a button. We've helped thousands of people quickly and easily save money on their auto insurance:</span></span></span><br />
<br />

<form action="http://network.mossaffiliatemarketing.com/z/61/CD62/&subid3= "method="post">
<table border="0" cellpadding="0" cellspacing="0" width="225">
<tr>
<td colspan="2"><img src="http://www.allautoinsurance.org/wp-content/uploads/2009/08/top.jpg"></td>
</tr>

<tr>
<td class="background1" valign="middle" height="54" width="153">
<style>
.background1 {
background-image: url(http://www.allautoinsurance.org/wp-c...tom_left.jpg);
background-repeat: no-repeat;
}
</style>

<input type="text" name="subid1" value="ENTER ZIP CODE" style="margin-left:30px; margin-bottom:5px; width:110px; border-width:0px; font-size:14px; font-family: Arial, Helvetica, sans-serif;" onClick="javascript:this.value='';">
</td>
<td>
<input type="image" src="http://www.allautoinsurance.org/wp-content/uploads/2009/08/bottom_right.jpg"></td>
</tr>
</table>

</form>

</div>
<div style="text-align: left;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 1)</span> Input your zip code and click the button above to begin browsing the auto insurance providers in your area</span></span></span><br />
<br />
<span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 2)</span> Select the auto insurance provider you're most comfortable with by clicking their picture<span style="font-weight: bold; color: rgb(255, 0, 0); font-size: 12pt;">&nbsp; </span></span></span></span><br />
<span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(255, 0, 0); font-size: 12pt;">Warning</span>: Dont <span style="font-style: italic; font-size: 12pt;">always </span>go with the cheapest in the area</span></span></span><br />
<br />
<span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 3)</span> Continue with the providers process if they meet your requirements</span></span></span></span><br />
</div>
<div style="margin-left: 40px;"><span style="font-size: 10pt; font-family: Georgia;"><span style="font-size: 10pt;"></span></span></div><span style="font-size: 10pt; font-family: Georgia;"><span style="font-size: 10pt;"><br />
<span style="font-size: 12pt;">***We've been showing people how to get insurance quickly and easily for years.&nbsp; We respect your privacy, it is just as important to us as it is to you.</span></span></span>



.....thanks for any help, i really appreciate your time and effort. if this code doesnt look smart at all its cuz i used some free WYSIWYG editor to generate it. i actually am very confused lol. thanks again.
Best,
Kyle P

Firefox looks fine. Internet Explorer looks rather dumb.

1. Alignment is off
2. One of the links doesn't work
3. Within the site, the main content box adjusts itself according to text (please click reddish image to see)

Does anyone know how I can fix this? (I'm sure many people have had this problem. I suppose I could use image map on the main page- that would solve #1 & 2. But I'm at a loss about #3.) Thank you very, very much!

http://www.geocities.com/rk.grant/

I modified text on a web page yesterday for a client and added an image to it as well. I simply copied existing code that was to be commented out, modified the text and image file name, commented out the previous code and then uploaded the file, via FTP, to the server.

On my machine it looks terrible when I go to the client website and access the page via their link. All of the horizontal lines are at the top instead of between sections as it should be. However, if I just double click the HTML file directly it opens fine. It also opens fine on a co-workers machine regardless of how he does it. The client sees it fine too.

I have not been able to find a reason why this is happening and I went back through the code twice more, redoing my work, to make sure I was not commenting something out that shouldn't be. I use I/E 8 and my co-worked uses I/E 6. I don't know about the client but since I can see it fine when I double-click the file itself I don't think that is the issue.

Any assistance would be greatly appreciated as we do updates for this client pretty regularly.

Thanks,
Doug

One of the pages on my website shows up differently in Firefox than it does in other web browsers.

Here is what it looks like in the following browsers.

Google Chrome, Safari:



Firefox:



One of the most noticeable problems is that in Firefox, the form's submit button is missing.


If you would like to look at the html code, the url is Nmacro.com/Contact.html. Also, I used iWeb to create my website.

Thanks so much.

So I'm not completely new to html website design, but I am building a site and was just going to throw up a banner and some text saying coming soon. So the text displays fine. But I cannot for the life of me figure out how to get the images to display. I have checked and double checked the source code and it should be fine. I manually logged into my ftp and the file is in the directory so it shouldn't be an issue of not being able to find it. Can I get any help at all?

Here is the link: http://www.huntlink.net

my code is as follows:
<!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>Untitled Document</title>
</head>

<body>
<table width="800" border="0" align="center">
<tr>
<td><img src="images/mainbanner.png" width="800" height="150" /></td>
</tr>
<tr>
<td align="center"><h2>Coming Soon!</h2></td>
</tr>
</table>
</body>
</html>

Any help would be great. I don't know why the image isn't displaying. It works when I preview it in dreamweaver also.

Hi guys,
I've been working on a website for a friend for a while now and thought I had it complete. That was until I opened it with IE!

Things don't look right in IE - and also IE crashes when some pages are loaded.

Any chance you could look at this page: http://www.flatvision.name/de/index.php
in both IE & Firefox and offer some advice as to why it does what it does?

Thanks very much - help and advice much appreciated.

!

Leigh

Hi guyz,

i have a query

Mouse over the datagrid cell display tooltip or panel to display information

but only using HTML and CSS not using javascript.
can anyone help me. because im gonna use it on htmleditor on c# desktop application

thax before

Hey all,
Just a question about my amature portfilio site that im creating.
On some pages, graphics and blog, for example,
http://www.freewebs.com/breakdowninc.../graphics.html
http://www.freewebs.com/breakdowninc/pages/blog.html
I am wanting to center the graphics/blog parts overhead of the copywrite text, found at the bottom of my page. Example: I have centered the graphics images, using align="center" yet they go off the side slightly. Anyway can how can I align them appropriately, without using "position:absolute" because it screws with the mini/maximising of my page.
Cheers

Hope someone can suggest something.

I am working with a programme that uses three templates to structure the web site, feeds articles, author page and site map on a daily basis to my web site.

I attempted to insert Adsense ad units to templates and unfortunately everything is out of line now.

this can be viewed at
http://daviddutch.com/currency/articles/index.html

Question is how do I bring everything else back in line please as when I look at coding there is no clear place to put the adsense HTML code to get things lined up correctly.

Hope someone can offer wisdom and guidance.

cheers