Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

New to css

Status
Not open for further replies.
Sort by date Sort by votes
There is not much chance of the document looking the same in different browsers without a complete and valid doctype. Start with that.

Then look at and fix any outstanding validation errors. Then come back and we will see if we can help with the rest.

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Upvote 0 Downvote
It looks like you've copied that code from a Word document, as it seems to have smart-quote characters in it. This is bad for starters (as well as the validation and DOCTYPE issues John has mentioned).

You need to fix these so you're using NORMAL quotes, and no weird characters.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Also, why would you ever expect this JavaScript to work? It's completely invalid!

Code: 
<SCRIPT language=�JavaScript�>
var browserName=navigator.appName;
if (browserName==�Microsoft Internet Explorer�)
IE
else
OTHER
</SCRIPT>

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
thanks guys

first of all the JS, I thought was completly removed...

I did the setps mention here the best I could...some of the errors, I had no clue to fix..

So, where do I go now
 
Upvote 0 Downvote
Most of the errors I see are to do with needing to escape "&" as "&amp;". Give that a whirl and re-validate.

Others are due to you using markup that's invalid for your chosen DOCTYPE. Remember that when using XHTML, all tag & attribute names need to be in lowercase and quoted (so "onLoad" would be invalid).

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Also, with a layout as simple as your, do you REALLY need to use tables to achieve it?

It's generally considered very bad practice to use tables to layout non-tabular data (you're using tables to generate the layout for your site). I'd advise reading up on table-less layouts.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
I went through it again and reduced the errors by half thanks to your posting.

Like I said, I am New to css and all i ever done before was tables...Im trying to make the migration now.

there are still errors there but im not sure how to resolve them. I changed the attributes to lowercase...I few errors were resolved but not all..

Thanks again.
Craig
 
Upvote 0 Downvote
I notice that you are also using the same id for several different elements. You can only use id to refer to a single element on a page - if your want the same attributes to apply to several elements, use class instead of id.

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Upvote 0 Downvote
when I switched it to class, all css formatting disappeared
 
Upvote 0 Downvote
I switched it back to ID but placed it outside the loop.

so the ID now only shows once.
 
Upvote 0 Downvote
Did you alter the CSS when you changed from id to class? A class selector starts with a . while an id selector starts with a #

Have a look at
___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Upvote 0 Downvote
No, but I did it now...

(firefox version - only concerned with this version workign in FF, if it works in IE to, thats fine)

seems like
.videoTab a {
display:block; width:345px; height:0; margin: em 0; padding:63px 0px 0px 0px;
font: bold 13px/1 Arial; color:#000;
background: url(" 0 0 no-repeat; text-decoration: none;
}

the padding = 63 for the background image is pushing the thumbnail down 63 pixels...I need the thumbnail to sit on top of the BG image

.imageleft { fixed: left; margin: em 0; padding:5px 5px 5px 5px; }
 
Upvote 0 Downvote
Not to be rude, but it sounds like you really need to take a course or at least get a book on CSS. Otherwise, this thread is going to get extremely looooooooooooooooooooong while johnwm and BillyRayPreachersSon build your site for you.
 
Upvote 0 Downvote
Thanks for your input....

This css was just thrown at me yesterday....I have not had a chance to do anything with a course or even a chance to get a book...I have gone through several websites to try and figure this out myself but I was unable to get it working in FF, it works fine in FF.


I thought this was the purpose of this site. to help others. if not then im sorry....When I was a member here a few years ago. That was the main premis
 
Upvote 0 Downvote
Help, but not hand-hold. If your question is specific, then it's appropriate. However, it sounds like your employer has given you a project that you're unqualified to complete. It's not fair to shift that responsibility onto the community here. IMHO, peer support sites like Tek-Tips are like the penny cup at the convenience store counter... you don't go into the store expecting to pay for your entire purchase with the money in that cup.
 
Upvote 0 Downvote
On that note, I had to laugh when I once visited a competitor site that charges its members fees for posting (we all know who I mean ;-) ). They proudly display praises from their users. One of the praises went something like this
"When I started my job, I was grossly unqualified. Now, thanks to everyone on your site doing my work for me, I'm a big hit here!"
Click to expand...
[surprise] May God help us all.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
738
pmonett
pmonett
bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
697
bdwilcox
bdwilcox
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
591
PeDa
PeDa
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top