HTML - Ie Issues. Working In Mozzilla. Simple For A Pro
Hi.
Could someone take a look at this site for me please. http://www.sussexweddingphotography.org.uk I have basic knowledge. Currently problems with IE8 as you will see. Firefox looks okay. Getting probs with resolution too, objects positioning all over the place, esp.. on my notebook Easy fix I am sure, but Im muddling my way through it... Thanx in advance Similar Tutorials<DIV id=regform style="BOTTOM: 60px; RIGHT: 411px; POSITION: absolute"> <FORM action=sendmail.php method=post>sitename.com<b style="COLOR: black;font-family:arial;font-size:20%;"></b> <BR><INPUT size = 15 name=email> <INPUT type=submit value=Submit></FORM></DIV> This code makes my email box move dependent on the size of your web browser window. How can I stop this ? Really appreciate help here. Thankyou. 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;"> </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. 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 I'm new to html and ftp, and I inputted some html from the godaddy ftp that should work and it's not working but just showing the html language. on the page I titled the file index.html, but it's still not working. Go here please: http://animalcon.com/ Any suggestions? thanks -Nate Hi I found a simple redirect script, but it's not forwarding to the page it says it is - it just stays on the same page. What am I doing wrong? http://www.gilbert.net.au I used youtube as a sample redirect page, because I know it will load once I get the script right. Cheers for your help. Shaun hello i am new to javascript and i can't figure out why this code will not sort the user's line of text into alphabetical order. any help would be great thank you Code: <html> <head> <title> JavaScript array sort() alphabetically </title> <script type="text/javascript"> var arr = new Array(1); arr[1]=prompt("enter a line of text") document.write("Original Array is: "+arr+"<br>"); document.write("Sorted array is: "+arr.sort()+"<br> "); </script> </head> </body> </html> Hey. So I'm pretty good at stuff in general, my problem is that I do not have extensive experience with HTML/CSS so I don't know the best way to do this, or where to look for a way to do this. Basically, I want my layout to be like this: http://people.virginia.edu/~eee2a/Welcome.html in that I want there to be gray space on the side and a middle that scrolls. super simple right? I just don't know how to do it, and I don't know the best keywords to use on google for it. Thanks. Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, http://www.farewell-travel.com/newsl...rch2012_2.html Why does this look like crap in Internet Explorer? (Specifically talking about the "Highlights" box) It looks fine in firefox but not on IE. I've tried everything to fix it, I don't know what to do! The width dimensions for some reason are way off. It bloats up to 272px when it should be 200px! Please help! Thanks -Please note this is an e-mail newsletter, that is the reason I'm using tables! Hello! I'm having quite a problem implementing multiple backgrounds into my website. Simply put I want to have a top bar, that will function as header, and a bottom bar, that will function as a footer. I've tried the following solution but it just doesn't seem to work. The div id "bgBottomDiv" just won't show. I was hoping someone could help me out. HTML: HTML Code: <body> <div id="wrapper"> <div id="bgBottomDiv"> "Content goes here " </div> </div> CSS: Code: #wrapper{ position:relative; margin:0 auto; width:1100px; } body { background-image:url(/images/Styler_top.png); background-attachment: scroll; background-repeat: repeat-x; background-position: top; font-family: arial; color: #111111; font-size: 0.75em; /* 12px/16=0.75 em */ word-spacing: 2px; line-height: 175%; } #bgBottomDiv{ background-image: url(images/Styler_top.png); background-repeat: repeat-x; background-position: bottom; } Thanks in advance! I'm experiencing an issue when using DIVs in DIVs.. I have a container-DIV and a content-DIV, and I would like the container-DIV to stretch vertically as necessary based on how much content is in the content-DIV. Code: <html> <header> <style type="text/css"> #divContainer{ position:absolute; top:10px; left:10px; height:100%; width:200px; background-color:#CCC; } #divContent{ position:absolute; top:10px; left:10px width:180px; background:color:#BBB; } </style> </header> <body> <div id="divContainer"> <div id="divContent"> <!-- Fill me with content --> </div> </div> </body> </html> This is basically the code I'm using... whenever the content amount pushes the divContent lower than the bottom of the divContainer, it just overflows out and down the page. What am I doing wrong? Edit: OOPS I set height to 100px on the divContainer, it was supposed to be 100% Alright, so I have this site on which I need a certain part of the site (the content part where the main text bit is) to extend down to the bottom (and preferably no longer), so that if the window is smaller or bigger the text will still just go all the way down to the bottom of the page, and when the text is further down that div will have a scrollbar so you can scroll through the text. The main issue is making it so the end of the div is always on the bottom of the page. (I've tried height=100% on that div but then it just goes below the bottom for some reason.) This is the site. And here's the code: Code: CSS: div.main { position: absolute; top: 181px; left: 110px; width: 510px; height: 1500px; background: url("images/Content Box Bit.png"); } div.news { position: absolute; top: 25px; left: 15px; width: 494px; height: 372px; overflow-x: hidden; overflow-y: auto; } Code: HTML: <div class="main"> <img src="images/News and Updates.png"><div class="news"> <span class="f4"><?php include('sitemapbase.php'); ?></span></div> </div> The reason the height of main=1500px is that that's not gonna be scrollable anyway, and I just added a random value to assure that went to the bottom no matter what. Thanks for any help. Wasn't really sure where to put this, sorry if it's the wrong place.. EDIT: Just encountered an additional issue, being that the navigation menus (to the left) look off in IE. The background seems not to start where the div starts. Suggestions? Right then... Problem is, uploaded website, thought that it was ok, checked in Firefox, Safari and even icab... did not check IE (rookie) and did IE have problems? Of course. Basically Some of pics are not showing up - mainly in the shop and one or two on the main pages. I cannot work out how to fix, def not broken links, really boring I know, but can anyone help? Link to site: http://www.thefrenchpantry.co.uk much appreciated... I have a page I created in dream weaver. It displays fine in IE7, but in IE6 it does not. Here is a link to the page: Problem Page If anyone has any ideas, I'd really appreciate it. Arg... IE is bugging me as usual.... Now I've been working on the fantasy football site the past few days getting ready for the fantasy season... but when I look at the site on IE we have a few issues going on... here they a 1. text rendering on the image switcher... why does the text look bold? The info there is using the default font-size of 13px which I set... I'm assuming that probably has something to do with it. 2. The poll part 1 Why on earth is the question indented 6px? The links in the "newest articles" section are set to indent 6px... but I set that on the list... the question of the poll isn't even in a list and it somehow got indented... 3. More crappy text rendering on the poll answers... now I'm seeing the results because I voted and the text looks absolutely horrendous... no idea why either. Any help with these IE crazy things would be greatly appreciated... thanks! Hello, My website works fine in IE but when i open it in Firefox the small square images don't show up - can anyone give advice on what is causing this and a fix for it? http://www.turbulenceurbanwear.com/leilani.htm Thanks for your help Ok my boss and I are kind of stumped and not sure why this is happening. My table is set up to be 1000px wide and im only using about 995. Anyway the table is getting repeated and the cells arnt lining up from one to the other. Here is a link to my server so you all can see what I am talking about. http://www.millermachinecompany.com/...te_listing.htm This has been testes on 1024x768 and also a 17" wide screen. On the wide screen the top most table is only about half the length for some reason. Anyway if any of you have any ideas why this is happening, the help would be greatly appreciated. Thank you what have i done wrong?! http://maysonline.sandlerltd.co.uk if you go to "advice & guidance" menu or any other menu except the home page, basically most of the pages seem to be very odd in IE7 but in IE8 - its fine! any ideas?! What am I missing? The Image of the guy on this page ( http://www.kaerumusic.com/2011/06/13/jay-chou/ ) is coded like this: HTML Code: <img src="http://i139.photobucket.com/albums/q303/froggirl003/KM%20Pix/6962_jaychou.jpg" alt="" width="200px" height="280px" align="left" /> But I want the text after the description (the tabs) to be after the picture. How to do this? ok hiya im wondering if you can sort my problem out? i recently set up a forum for a gaming clan and i have thought of a design that i like but there is a problem.... i have designed a background which can be seen he http://img177.imageshack.us/img177/3...imgcopylm8.jpg btw the middle isnt orange only for thsi sample i made. the only problem is it works perfectly for the resolution of my screen (1280x800) but not on my pc which is 1024x768. because of this it throws the whole of the forum out of line on a different resolution screen. the code for this background is in the css stylesheet but i was wondering if there was a code i could use that would display a different picture depending on the screen resolution i.e. i could rado the image several times to fit each screen resolution. if not gthen is there anyway of haveing a background with those 2 bits on the sides that will work in all of the resolutions?? his is how i want my site to look and how the sides should be and this is how it shows at 1280x800: this is perfect until you view it at any other resolution.lol like this resolution(1024x768): is there anyway of making it look like the top on all of the resoltuions? the link to the site i want to use it on is: www.gusoldiers.forumn.net here is the cxode im currently using (for this part): * { margin: 0px; padding: 0px; } html { background-color: #000001; font-size: 100%; height: 100%; } #min-width { min-width: 750px; } body { background-color: #cce3f3; background: url('http://img177.imageshack.us/img177/339/backgroundimgcopylm8.jpg') repeat-x; background-attachment: fixed; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ margin: 0px 0px 0px 0px; padding: 0px; border-color: #862121; border-width: 0px 0px 0px 0px; border-style: solid; } { font-size: 10px; height: auto; padding: 10px 0px; scrollbar-face-color: #; scrollbar-highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: #; } * html .conteneur_minwidth_IE { /* Hack IE min-width */ padding-left: 750px; } * html .conteneur_container_IE { /* Hack IE min-width */ margin-left: -750px; position: relative; } * html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE { /* Hack IE min-width */ height: 1px; } #wrap { width: 80%; margin: 0px auto; background-color: #1a1a1a; background-image: url(""); background-repeat: repeat-x; background-attachment: fixed; border-color: #46494b; border-width: 0px 0px 0px 0px; border-style: solid; padding: 5px; } #wrapnav { width: 800%; margin: 0; background-color: #ECECEC; border-width: 1px; border-style: solid; border-color: #A9B8C2; Hello, Having issuse with the browsers. Firefox I am all good but when I look at IE7 one page stops reading my CSS. I have NO idea y. PLEASE HELP!!! |