HTML - Not Great W/ Html Or Css - But Good W/ Seo...

Howdy everyone!

I'm a noob here and I'm at my wits end. The real problem here is that I know just enough to get myself into trouble, but no concept on how to dig myself out of it. The website I'm working on is he

http://www.psychological-warfare.com

My problem is that it looks OK in Explorer, but looks like a trainwreck in Firefox. It was designed by retrofitting a template I bought years ago, so it's like trying to decipher the amatuer translation of a Russian mad scientist's codex. I apologize in advance.

I've been moving DIV's back and forth for days and Explorer doesn't seem to care. Things just keep getting worse and worse in Firefox.

I think the main issue is that I have a left column and then the header that spans the middle and right columns. I can see how Firefox might hate that...

The next problem (and I'm hoping someone might have an idea on this): I used a modern header calling this whole mess XHTML. I know exactly squat about the differences between HTML and XHTML except that XHTML loves to have everything "/>"ed.

Would all of this work if the header called it transitional HTML and give myself a little leeway? What code should be at the top of my page?

Thanks everyone for the help. I wish I could buy everyone a beer!

Hello..Just to describe my situation to you.
I am new and don't know how to create webistes, and I have no shame in that. I am fairly familiar with computers as I spend about 4 hours a day on computer. I have always wanted to know how to create webistes and create one of my won. I don't want to use geocities or freewebs, since that's not creating websites..there's no skill in that..I want to learn the hardcore html. I am sure it's not hard once u get the hang of it but I have no clue.

What I am asking of you pros on this site is:
1) suggest a good html creating software..somthing easy to understand and use for a beginner.
2) suggest some websites which give free megabites for you to start your site. Somthing I can practice html on.
3) If yuo are going to use html terminology..plz explain

Thank You..Any help would be greatly appreciated..doesn't have to be much

P.S. I know how to use utorrent well..so any program you suggest to me won't be a problem to find for me.
TY

Hi all! I'm new to this forum. I'm not very tech savvy so this is probably why I'm about to lose my mind trying to figure out the solution to my problem....

I would like a good software program where I can create templates in html format so that I can email for marketing purposes. I've tried a few online services and their limitations have me beating my head against the wall. I don't know html code. And I don't need to build a website. And I don't want to spend an outrageous amount of money. But I do want to create a template that will get to someones inbox, not junk mail, and arrive without attachments. I need the software to be user friendly & have an easy interface where I can easily edit using a visual editing tool. Does that exist?

Any advice would be very much appreciated

Hi,

I am new and have just started learning basic HTML on w3schools.com. Is this a reliable website with accurate HTML tutorials?

Can anyone recommend a good tutorial site for learning HTML? I'm just starting out. Free is good, but I know you get what you pay for, so if the tutorials are good, I wouldn't mind paying for something of good quality. I don't want to get in over my head too soon and get discouraged. I'd really like to find some video tutorials.

Thanks.

Hey, i have an idea regarding html templates and im not sure whether its a bad way to use html or good idea, my idea is that you make or download a template and set it as your background, then you just add the content over the boxes and stuff where it needs to go. also if thats bad html then how do you set out a template with all the content not messing up the page. all opinions greatly appreciated.

I've made a lot of progress on my website:
Bands 4 Babes

but I'm still struggling with getting everything to look the same on all the different browsers.

Basically what I'm finding is:
Chrome and Safari (PC) - Displays exactly as I want it to
Firefox 3.5.2 (PC) - Displays properly except for the Home link in the purple bar is a few PX too far left and the --- above home is a line too high
Firefox and Safari on Mac - FF exhibit the same problem as above, but most fonts (sizes and faces) are off on the mac versions. This also throws off alignments of other stuff.
IE8 - Two solid lines on top and bottom of page are a few pixels too low which ruins the continuity of the box frame I created.

If somebody could take a look at my code and give me some thoughts on what the problem is I would really appreciate it.

Thanks.

Hi there, im trying to set up a new website to increase some sales and I am working with dreamweaver, a good friend of mine (also a small business owner) has given me access to his file directory and allowed me to use his templates and files from his webpage. I have changed all the pictures and the text to what i need and loaded it into my file directory and it looks wonderful in Internet explorer but in firefox (which is 25% of my traffic) it looks horrible, the boxes are all in the wrong places??

But when i go to his website it looks fine in both IE and firefox?

I was wondering if anyone out there knew what what cause this?

the site is alarmsecurityaz.com

Thanks to everyone and that includes the owner(s) of this website
I'm a newbie at coding, learned a lot of stuff here
have a nice day

Very good forum,and is useful to my business,hope learn more from everyone here! Thanks

Hi there,

I have come across a great piece of code work. See the 'Feedback' option at the bottom of this page:

http://www.adobe.com/products/

I would so like to incorporate the same on my website. Would greatly appreciate assistance with code.

Best,
wirefree

I'm fairly sure that this is a quite a common thread, yet on doing a quick search of the forums couldn't find anything that matched my exact needs. So.....

My site looks great in FF but not in IE and i need some help.
http://tp.eyeoftime.co.uk/index.php
(there is no php in the file yet, despite the extension)

Ok, thats my site, as you can see there are problems with tables and images here. The site as viewed in firefox, is what i want the site to look like, the site as viewed in IE is how IE thinks i want the site to look like .Although i'm not a beginner with html, I am rather new at trying to get real cross-browser compatability. So, yeah, any help much appreciated.

PS i know the page contains xhtml errors (fails validation), its still a work in progress.

Hi there

Been a while since i posted

Need a bit of help if possible. Its pretty basic but hope someone can help.

When i change the size of the window me writing and graphics in my page move to fit. i want to try keep them so they are stuck down where they are.

Can anyone help ?

for reference my site is http://uk.geocities.com/onix36div@bt...com/index.html

Thanks in advance

I've tried searching on google but I always come across a lot of sites where you have to pay for stuff.

Ok, here's my thing... I'm not a professional web designer or anything. I only do websites for myself and friends if they need. I'm more old school with it, meaning I type out the HTML codes myself mostly. I learned about webdesigning back in like 1997 when I first got on the internet. So now i either make very basic websites in photoshop or I use templates. I see soo many nice websites being created now and i really want to learn alot of the advanced stuff that people are using to design their websites now, especialy these fan made websites for these singers and actors.

Examples:
http://www.amerieweb.com
http://www.a-peet.org
http://www.brittany-charm.org

Anyway, do any of you know good tutorial sites? Do I need Dreamweaver and other programs to design like these sites? Thanks in advance.

This is for a myspace layout (yes i know those are dreaded words to any web developer) . As the title says it works fine on firefox but hangs up severely on IE This is the only block of code i've added. If anyone can help i would appreciate it greatly!

<style type="text/css">body{background-image:url("http://i4.photobucket.com/albums/y146/RyanVessell/myspacebg-1.jpg");
padding-top: 625px;
background-attachment:fixed;
background-repeat:repeat;
background-position: center;
}table, tr, td {background-color:transparent;
border: 0px; padding:2;
}</style>

<style type="text/css">
table table tbody tr td {
background-image:url(http://i209.photobucket.com/albums/b.../tablebg.png);
background-position:top left;
background-repeat:repeat;
padding: 2px;
}
</style>

<style type="text/css">
td, a, body, table,p {font-family:Verdana; font-size:10pt; color:4f4f4f;}
.blacktext10{color:b30000;}
.blacktext12{color:b30000}
.btext{color:white}
.lightbluetext8{color:6f6f6f}
.nametext{color:b5b5b5}
table tr td font strong {
color: ffffff;
}
.orangetext15{color:890303}
.redbtext{color:silver;}
.redbtext12{color:b30000;}
.redtext{color:b30000;}
.redtext8{color:white;}
.text{color:890303;}
.whitetext12{color:620202;}
.redlink{color:890303;}
.headlinetext{color:ffffff;}

a:link{color:ffffff}
a:hover{color:b80000}

a.navbar{color:b30000;}
a.navbar:link{color:7b7b7b}
a.navbar:hover{color:620202}
a.redlink:link{color:7b7b7b}
a.redlink:hover{color:620202}
a.searchlinksmall{color:FF4500}
a.searchlinksmall:link{color:ADD8E6}
a.searchlinksmall:hover{colorAA520}
</style>

<style type="text/css">
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image: url(http://www.corvuscreative.net/images/contacttable.jpg);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>