|
HTML - Formatting Issues With Firefox -- I Need Html Code Help
Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox.
http://www.prosperityteachers.com/ne...ew_thought.htm Much appreciated! Similar TutorialsHello all im new to forum. i am building an online portfolio and im trying to make sure it works for the most used browsers. The code i have written works perfectly fine for IE but when using FF i have problems The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url. <LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css"> </head> <div style="POSITION: relative; TEXT-ALIGN: center"> <span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center"> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span> </div> the url is http://maths.sci.shu.ac.uk/students/...me/index2.html Thanks, Liam Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! hi all, thanks if you cant help, pretty simple if you know how im guessing i cant get some text to look the same in ie and firefox its the header's title text <h1 align="center" class="header-text">welcome to the westernhorsetrailers </h1> <h1 align="center" class="header-text2">world quality horse trailers </h1> for some reason (probably formating) the second line is lower in ie .header-text{ position:relative; top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; margin: auto 0; margin-top: 10px; } .header-text2{ position:relative; top: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin: auto 0; margin-top: 10px; } http://www.westernhorsetrailers.co.uk thanks again Hi, I've been struggling with a formatting difference between IE & Firefox. I'd be really grateful if someone would be able to advise me what I'm doing wrong. URL : http://www.demoncraft.com/helpdesk/ticket.html Any help would be appreciated JON Hi, I have developed a website and used Internet Explorer to view it when making it. However, when I load the pages in firefox it is not formatted the same - why is this? Doesn't firefox recognise certain html and css tags? How can I fix this if I want the website to be viewed the same in Firefox? EDIT; Thanks For Not Helping!!! Hi, I have an unusual problem. I am linking pages for my website, and I am sure that I have the formatting correct, but for some reason, when I reference my page (which is in a different directory) from a page within my root web folder, the formatting is gone. I am currently using simple html. My reference is as follows from my page within the root directory: <a href="/directory/directory/page.html">Text</a> The page works perfectly fine when it is in the root directory, but as soon as I move it to the other directory "/directory/directory" the background color and header formatting are gone. I still have my tables in place, but everything else is messed up. Ideas? Help? Hi, I made a webpage using dreamweaver 8. When i preview the page in firefox it has not problems in design layout of the page but when i view it in IE it breaks the design format and is messed up. Can anyone guide me as to why it would do it and how i can fix it? Also, when i try to display some text in Chinese, it shows random characters. I changed the fonts in internet options to display Chinese but it didn't work. I have viewed Chinese websites and they i didn't have any problem in seeing the text. Any reason or suggestion as to why it would do this? I would really appreciate any help on this, Thanks, Hi all, I've been scouring the net for the past week+ looking for proper techniques to format a site using div tags. I found loads of general information, but nothing practical for me. I'm really not html savvy by any means and I used absolute position div tags to put this page together. I would love to know the proper way of formattting a site. To view the page and source code, you're welcome to take a look he http://tbsnyder.com/siteSetup Basically, what it is, is a huge section of AP div's and then a section of the div id's displaying all of the text/images, etc. For every div tag defined in css, there is the text/images that go with it underneath. I'm sure this is the wrong way to format a site, but it's the only way I know how to since I don't know html very well. If it would be easier to view by having the site on your desktop, I could upload a zip containing everything I would really appreciate any assistance that anyone could give me. edit: something I forgot to add is that one of the reasons I would like to properly format this page is to allow the content to auto-center as the user drags the browser window open. Right now, everything is stationary due to the AP div tags...I tried a few solutions, but everything seems to get overridden by the AP div's. Hi, I added a rich text editor into my html page for text area fields, let us say description field. The user enters the text, modify its color, changes its size and fonts... The value saved for this field in the database is: <font color="#ff00ff">description text </font> and is showing as it is on the screen. If I look at the source code of the page, I notice the following: <font color="#ff00ff">description text </font> The problem is that, there are two conversions happening: < Converted To < > Converted To > How should I avoid this conversion so that the description text appears in its right format taking into consideration the html tags. Note: in the head of the page, I have the following: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> I would appreciate any help. Best Regards, Lara Ok.... I know this is my first post, and I wasn't quite sure where to post this, under html or scripting, but here goes. I run a website wherein I provide translations for Spanish lyrics. My layout is fairly straightforward, but I spend about 3/4 of my time formatting. Check out the following: http://thelandofoz.us/laposadadelosmuertos.html I have to insert all of my code by hand. My question is, is there anything that I can do to streamline this process? Is there perhaps a way to use a script to dynamically generate code like this from a plaintext file? When I do one of these pages, I usually copy the lyrics verse by verse, then translate them verse by verse like this: Alza tu cerveza, brinda por la libertad, bebe y vente de fiesta, pues el Infierno es este bar. Raise your beer, toast to freedom, drink and come to the party, for hell is this bar. SO... is there any way to make this easier on me? Below is my simple table from a more complex table. The issue I am having is the first <td></td> is variable height. In my second <td></td>, "abc" should be at the top in that <td> and "def" should be at the bottom in that <td>, leaving some <void> space in the middle which will shrink or grow based on the first <td> height. Any tag(s) can be used inside is the second <td></td> Any suggestions? Thanks Code: <table>
<tr>
<td><br><br><br><br><br><br><br><br></td>
</tr>
<tr>
<td>
abc
def
</td>
</tr>
</table>
I am trying to use a google custom search box on a website that I am making and I'm trying to integrate it nicely into the header. No matter what I try though, I can't seem to get the form box to sit in the center of the cell! I have tried formatting the form field, the form itself, the cell, and I haven't found any way to get it to line up with the text. Any insight would be appreciated http://kristybrandon.freehostia.com Hi All, Here is a small html file I have written. This is not formatting correctly in browser. Width is not recognised by browser. Thanks in advance for your help. Regards, Pratap Tripathy ---------------------------------- <html> <head> <TITLE>Analytical Method Report</TITLE> </head> <body> <center><p><b><u>Analytical Method Report</u></b></p></center> <table border=1 width="700px"> <tr> <td width="10px"> </td> <td width="80px">Method</td> <td width="10px">:</td> <td width="500px">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333 3333333333334444444444444444444444444444444444444444444444444444444455555555555555555555555555555555 55555555555555<</td> </tr> </table> </html> ---------------------------------- I know CSS is useful for many many things. But I am trying to optimize my website as i'm designing, that way I don't have a giant project once i'm done. Here is my question: What would have a faster load time: Code: <html> <head> <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> <title></title> </head> <body> <div id=bold>Hello!</div> </body> </html> or: Code: <html> <head> <title></title> </head> <body> <b>Hello!</b> </body> </html> Alteast, I think it's a HTML website i'm reading from: http://nw4.novaworld.net/bhd_3_list.lob?page=2 I'm quite lost here, I tried several things, done some searching here and there, and just cant figure it out. I'm not sure if what I want is possible with HTML, if it isnt, please move this post to the appropriate section, thanks. What I want to do is make somesort of a 'Serverstatus block', with some help from the website I posted above. I sometimes host a server in that game, and then it shows up on that website with Game Name, Gametype and Players. Now I want to format that info into a nice statusblock... Though it's not just me hosting a server, there's more people hosting for the same name. I only want that statusblock to get the info only if there's a server with Game Name that contains 'P4F', else it should say 'Server Offline'. I want the info formatted like: Server Name: (namehere) Gametype: (gametypehere) Players: (playershere) I just cant figure this out... I do have some basic HTML knowledge, I know how to format text like that, but I dont know how to read from that website... Could anyone give me an example, tip or website that holds the easiest way to do this ? Thanks in advance, VipleX Is there a way to have my 'website' display the website description directly to the right of the navigational buttons?? Right now my website is displaying the website description directly under the navigational buttons to the right and I want it to display the website description on the same line as the navigational button.... Here is my code: Code: <HTML> <head> <body style="background-color:black"> <title>Zahn Logics</title> <h1 style="text-align:center; color:#ffffff"><u>Zahn Logics</u></h1> <table border="1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/philosphy" style="color:red;font-size:20px"> Philosophical Ideas</a> <br /> </td> </table> <table border=1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/movie_reviews" style="color:red;font-size:20px"> Movie Reviews</a> <br /> </td> </table> <table border="1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/music_reviews" style="color:red;font-size:20px"> Music Reviews</a> <br /> </td> </table> <table border="1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/quotes" style="color:red;font-size:20px"> Quotes</a> <br /> </td> </table> <center><table border="1" width="30%" cellpadding="5"> <td bgcolor="#ffffff" style="text-align:center"> <p style="align:center">This website will include philophical idea's, music reviews, movies reviews, funny sotries, and much more! Please visit the site for frequent updates and changes. There is a lot for you to learn and a lot for me to teach, and a lot for me to learn and a lot that YOU can teach!</p> </td> </table></center> </body> </head> </HTML> any help will be 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 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!!! This might be a silly question but I have my dads resume posted on his site: http://artekengineering.com/ (and click resume button) It was done in word and saved as html. My question is is there a way to make the text a certain size (white space around it on the page) and static on the page instead of it resizing and filling the whole web page? Thanks |
|||||||