Website Compatibility Issues
BaconTheory
Join Date: 2003-09-06 Member: 20615Members

in Off-Topic
<div class="IPBDescription">Yar!</div> OK, so I have been working on a website for myself and I have just finished the layout. My nav bar is an image, and I used FrontPage to link the words in the nav bar to links. However, this does not work to well in FireFox. All of the links that I put around the image are off-center. I'm not sure how to get it to center on the image again. Any help?
BTW, my website is <a href='http://www.xenisis.tk' target='_blank'>http://www.xenisis.tk</a>
BTW, my website is <a href='http://www.xenisis.tk' target='_blank'>http://www.xenisis.tk</a>
Comments
I have Dreamweaver...never learned how to use it, so it does me no good. <!--emo&:(--><img src='http://www.unknownworlds.com/forums/html//emoticons/sad-fix.gif' border='0' style='vertical-align:middle' alt='sad-fix.gif' /><!--endemo-->
I have Dreamweaver...never learned how to use it, so it does me no good. <!--emo&:(--><img src='http://www.unknownworlds.com/forums/html//emoticons/sad-fix.gif' border='0' style='vertical-align:middle' alt='sad-fix.gif' /><!--endemo--> <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
!!! <!--emo&:0--><img src='http://www.unknownworlds.com/forums/html//emoticons/wow.gif' border='0' style='vertical-align:middle' alt='wow.gif' /><!--endemo-->
You didn't bother to learn it? My god, that's ingenius. I wish when I was an infant instead of learning to use my legs and walk upright, I chose to crawl on my hands and knees for the rest of my life! THEN I COULD BE AS AWESOME AS YOU!
P.S. LEARN DREAMWEAVER DAMNIT. IT'S THE BEST THING YOU COULD DO FOR YOURSELF WEB-WISE... OTHER THAN LEARNING THE WHOLE MACROMEDIA SUITE.
P.P.S. The above post was meant in a joking fashion, however the advice remains true.
Sif notepad - <a href='http://www.vim.org/index.php' target='_blank'>Vim</a> <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html//emoticons/biggrin-fix.gif' border='0' style='vertical-align:middle' alt='biggrin-fix.gif' /><!--endemo-->
Have fun typing your way to an interactive website there buddy.
BTW, my website is <a href='http://www.xenisis.tk' target='_blank'>http://www.xenisis.tk</a> <!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
They are off center in IE also.
Its not a Firefox problem, its your problem =P
Simplest fix, cut up the navbar in to smaller peices and then just luse those peices as the links instead of trying to lay links over an image.
Have fun typing your way to an interactive website there buddy. <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
Learning to code from scratch/notepad is far better. Using visual HTML programs or office apps to create pages will create unnecessary garbage code that does nothing but waste bandwidth.
This may have changed in newer versions, as I havent used HTML editors for a few years now since learning how to code from scratch.
Have fun typing your way to an interactive website there buddy. <!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
Learning to code from scratch/notepad is far better. Using visual HTML programs or office apps to create pages will create unnecessary garbage code that does nothing but waste bandwidth.
This may have changed in newer versions, as I havent used HTML editors for a few years now since learning how to code from scratch. <!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
I agree with you on this, as I spent the first 3 years of my web development classes refusing to do anything on an HTML program without learning how to do it in notepad backwards and forwards.
However I make the case that;
A.) Once you know how to do it in Notepad, the job is done, turn around go back to the HTML program, do it there, assuming it's a marginally good program, turn from designer mode to developer mode, and edit the source yourself.
B.) Save yourself time by simply making these edits, instead of doing everything in notepad / developer / source mode from the ground up.
C.) All the cool kids are doing it.
I'd kill for a simple explanation of CSS and <b>how to apply it</b>. Web tutorials have yet to put it in terms I understand. That goes for any tutorial, be it photoshop, fireworks, flash, premiere. You name it.
Perhaps you would indulge me. If you are willing to lead an idiot to water that is, and perhaps even thrust his head in.
<a href='http://www.alistapart.com/articles/sprites/' target='_blank'>http://www.alistapart.com/articles/sprites/</a>
Have fun typing your way to an interactive website there buddy. <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
Well, I basically use Dreamweaver <u>as</u> notepad <!--emo&:D--><img src='http://www.unknownworlds.com/forums/html//emoticons/biggrin-fix.gif' border='0' style='vertical-align:middle' alt='biggrin-fix.gif' /><!--endemo-->
Have fun typing your way to an interactive website there buddy. <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
Eh? I've made pages that allow you to drag and drop stuff to change the layout of the page purely on notepad. I pity the foo who disses notepad!
Have fun typing your way to an interactive website there buddy. <!--QuoteEnd--></td></tr></table><div class='postcolor'><!--QuoteEEnd-->
Eh? I've made pages that allow you to drag and drop stuff to change the layout of the page purely on notepad. I pity the foo who disses notepad! <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
Notepad is just as powerfull as any other HTML editor, it is just slower.
I'd kill for a simple explanation of CSS and <b>how to apply it</b>. Web tutorials have yet to put it in terms I understand. That goes for any tutorial, be it photoshop, fireworks, flash, premiere. You name it.
Perhaps you would indulge me. If you are willing to lead an idiot to water that is, and perhaps even thrust his head in. <!--QuoteEnd--> </td></tr></table><div class='postcolor'> <!--QuoteEEnd-->
If you have good knowledge of HTML, CSS is very easy. I learned a great part of it in just a couple of days over the summer using <a href='http://www.amazon.com/exec/obidos/tg/detail/-/0735714258/qid=1099404275/sr=8-1/ref=pd_ka_1/102-4413257-0797754?v=glance&s=books&n=507846' target='_blank'>this</a> book. <a href='http://www.w3schools.com/' target='_blank'>W3Schools</a> is also an awesome resource but its probably a lot harder to learn directly from that website.