Hi,
My page works fine in IE, but in firefox and NS i have 2 problems.
Firstly, if you scroll down, the left side bar doesn't hit the floor and for some reason the horizontal scroll bar is there, but there is nowhere to move.
I have a 3rd problem in firefox as there is a 1 px line on the right hand side.
Any idea on how to repair this as i have spent most the night. I know i should work in firefox first and i will do from now on. I have repaired the other faults now though so just these left.
Also why on IE does the topright corner image (just under the logo) look fine but on the other browser it looks really out? (the topleft corner doesn't show but i know why that is)
The link is : -
<!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/new2.htm">http://www.privatedemo.apc-compunet.co. ... e/new2.htm</a><!-- m -->
Any help will be great.
Thanks very much
k0r54Could your unclosed tags (img, br, hr) be causing some problems given this is XHTML?Originally posted by ray326
Could your unclosed tags (img, br, hr) be causing some problems given this is XHTML? Probably not but it depends on the browser. This is a good place to start cleaning things up though. It'll never validate.
Hi,
Ok
it very poor, but it is my first time designing CSS, where is the validator for CSS.
How do you recomend me cleaning it up.
Thanks
AdamOriginally posted by k0r54
where is the validator for CSS.
Forget about CSS until you clean up your XHTML.
<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->
Originally posted by k0r54
How do you recomend me cleaning it up. Listen to ray. Start with closing your tags.15 markup errors but 13 of them can be cleared up with closing all your tags.AHH ok
Well i have to get on with this then.
Im am still having problems with firefox though
Thanks
k0r54Hi,
I have cleared all the errors apart from the ones i dont understand?
I am having alot of problems with my flash on the page and there are 3 others i dont understand how to rectivy.
Also can someone please explain why i need to have a OMITAG (/) at the end of each tag.
P.S are these validations rules and what does it achieve my correcting them, does it then support all browsers or is that still to do with CSS (does this not validate CSS)
the link to the page is : -
<!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/equity.htm">http://www.privatedemo.apc-compunet.co. ... equity.htm</a><!-- m -->
Thanks
AdamOriginally posted by k0r54
Also can someone please explain why i need to have a OMITAG (/) at the end of each tag.
are these validations rules and what does it achieve my correcting them, does it then support all browsers or is that still to do with CSS (does this not validate CSS)
You declared your doctype as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Which makes (or should make) browsers touchy to the rules of XHTML.
If you don't want to follow the rules of XHTML strict (such as closing all tags) then perhaps you could use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">You also may want to go with XHTML 1.0 Transitional
Is there a reason you are using Strict?Well i followed a tutorial and when i changed it from strict it didn't work, so i guessed i had to use it.
What exactly does it do. Why am i also gettin the problems with the flash?
Thanks
AdamOriginally posted by k0r54
Well i followed a tutorial and when i changed it from strict it didn't work, so i guessed i had to use it. Transitional should do you better but you still need to close all your tags.
Originally posted by k0r54
What exactly does it do. Doctype switching is beyond the scope of this particular post.
Originally posted by k0r54
Why am i also gettin the problems with the flash? I didn't see any problems with the flash...and dump the embed tags.I suggest you not use XHTML. Simple as that, you're best off with HTML 4.01 Strict. What other XML languages are you encoporating? And are you really willing to use content negotiating? HTML 4.01 would be much simpler.
And always use the strict DOCTYPES. Especially stay away from HTML 4.01 Transitional, since it was merely for transition between HTML 3.2 and HTML 4x. I don't suggest using XHTML Transitional either. Keep with the strict DOCTYPES, you'll be better off in the long run.
DOCTYPES declare what markup language you are using and point to the DTD which contains the rules of that markup language. It enables different browsers to properly parse what you have created.Originally posted by MstrBob
I suggest you not use XHTML. Simple as that... That's another way to put it and probably a good suggestion since you don't know XHTML.
However, there is no shame in using Transitional.Hi,
If you can look at this link again in firefox, it is fine but in IE the main div has been moved up : -
<!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/equity.htm">http://www.privatedemo.apc-compunet.co. ... equity.htm</a><!-- m -->
This is because in Firefox the main div has to be set to
#main {
position: relative;
margin-left:22px;
margin-top: -16px;
}
but in IE, it has to be
#main {
position: relative;
margin-left:22px;
}
How do i get around this?
Also how come in firefox my top right corner (just below the logo) is not quite right (has a faint line on both sides) but in IE it doesn't and is fine?
Thanks
k0r54I don't know...maybe try absolute positioning on the flash bit.nope no luckOh, well.is there no like IE hack or anything for it?
Thanks
AdamOriginally posted by k0r54
is there no like IE hack or anything for it?
Yeah, absolute positioning.
Works, just peachy for me.Also, you are probably going to have to use a different doctype if you want valid code.sorry, why is that?
I am kinda new at CSS and im really sorry and really appreciate your time.
Ok so what exactly is wrong with it. Besides the actual look (coz i HATE it but clients choice) what is wrong with the structure and things.
I really want to learn this properly,
Thanks
AdamOriginally posted by k0r54
sorry, why is that?
I am kinda new at CSS and im really sorry and really appreciate your time.
Ok so what exactly is wrong with it. Besides the actual look (coz i HATE it but clients choice) what is wrong with the structure and things.
I really want to learn this properly,
OK, here is something to change first:
#contentleft {
position: absolute;
text-align:left;
width: 245px;
height: auto;
top: 172px;
left: 22px;
}
Then the embed tag was deprecated way back in HTML 4.0 and is not allowed at all in XHTML but without it you probably can't see the flash file in IE (test without it). So that is another reason to not use XHTML.
Also, you have many attributes that just don't work in strict.
You need to do this in HTML 4.01 or else trash the page and build again with XHTML in mind. (well, that's a bit extreme.
)Originally posted by Triumph
You need to do this in HTML 4.01 or else trash the page and build again with XHTML in mind. Bah, this doesn't even validate in HTML 4.01 Transitional.What are the requirements of your contract with this client?What'd ya do...use me for a quick fix and then split? I feel so used. :cry: :cry:
LOL!
LMAO!
No, just need a break from the PC
Will post up tomorrow or sunday on how it went
ThanksOk, that works BRILL!
I have had to do some minor patchin but it is almost there, i have one small question now.
The footer div?? ok this is the code
<div id="footer">
<div class="menulinks"><a href='http://www.globe-financial.co.uk/mortgages/mortgages.htm' class='menulinks'>Mortgages</a></div>
<hr />
<div class="copyright"><a href='http://www.globe-financial.co.uk/info/sitemap.htm' class='copyright'>Site Map</a></div>
</div>
Because the first div as the id="footer" around it the mouse overs dont work, it should change colour now when i change <div id="footer"> to <div> it works apart from it is completely unaligned?
Im not to sure on what to do?
Any ideas
Thanks
k0r54Classify the links themselves with a little non-positionsing CSS. Create a "footer" class, in addition to the Div id bearing the same name. Then create your text attributes for that class.
You have one of these #footer or close, then add .footer just for links.
<a class="footer" href=http://www.webdeveloper.com/forum/archive/index.php/"http://youknowtherest.com".....>
A workaround would to be a class that you have already and can borrow from. One used for other page links perhaps, if they're the same.
I hope this helps.Hi,
That doesn't work im afraid
This page is uploaded at : - <!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/equity.htm">http://www.privatedemo.apc-compunet.co. ... equity.htm</a><!-- m -->
Thanks
k0r54sorry, this is even worse :s
They are not even links in the firefox and netscape, but they are in IE and opera?
Any ideas this has been drivin me mad all day
Also when the <div id="footer"> changes to a span it works fine but it doesn't line up like it should AT ALL lol
Thanks v. much
k0r54ok!
Sorry, i have figured out it is this line : -
overflow: hidden;
Im not sure why it does it, but it stops them being links???
Im going to figure out what it does!
Thanks All for you great help!!!
My page works fine in IE, but in firefox and NS i have 2 problems.
Firstly, if you scroll down, the left side bar doesn't hit the floor and for some reason the horizontal scroll bar is there, but there is nowhere to move.
I have a 3rd problem in firefox as there is a 1 px line on the right hand side.
Any idea on how to repair this as i have spent most the night. I know i should work in firefox first and i will do from now on. I have repaired the other faults now though so just these left.
Also why on IE does the topright corner image (just under the logo) look fine but on the other browser it looks really out? (the topleft corner doesn't show but i know why that is)
The link is : -
<!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/new2.htm">http://www.privatedemo.apc-compunet.co. ... e/new2.htm</a><!-- m -->
Any help will be great.
Thanks very much
k0r54Could your unclosed tags (img, br, hr) be causing some problems given this is XHTML?Originally posted by ray326
Could your unclosed tags (img, br, hr) be causing some problems given this is XHTML? Probably not but it depends on the browser. This is a good place to start cleaning things up though. It'll never validate.
Hi,Ok
it very poor, but it is my first time designing CSS, where is the validator for CSS.How do you recomend me cleaning it up.
Thanks
AdamOriginally posted by k0r54
where is the validator for CSS.
Forget about CSS until you clean up your XHTML.
<!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m -->
Originally posted by k0r54
How do you recomend me cleaning it up. Listen to ray. Start with closing your tags.15 markup errors but 13 of them can be cleared up with closing all your tags.
AHH ok Well i have to get on with this then.
Im am still having problems with firefox though
Thanks
k0r54Hi,
I have cleared all the errors apart from the ones i dont understand?
I am having alot of problems with my flash on the page and there are 3 others i dont understand how to rectivy.
Also can someone please explain why i need to have a OMITAG (/) at the end of each tag.
P.S are these validations rules and what does it achieve my correcting them, does it then support all browsers or is that still to do with CSS (does this not validate CSS)
the link to the page is : -
<!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/equity.htm">http://www.privatedemo.apc-compunet.co. ... equity.htm</a><!-- m -->
Thanks
AdamOriginally posted by k0r54
Also can someone please explain why i need to have a OMITAG (/) at the end of each tag.
are these validations rules and what does it achieve my correcting them, does it then support all browsers or is that still to do with CSS (does this not validate CSS)
You declared your doctype as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Which makes (or should make) browsers touchy to the rules of XHTML.
If you don't want to follow the rules of XHTML strict (such as closing all tags) then perhaps you could use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">You also may want to go with XHTML 1.0 Transitional
Is there a reason you are using Strict?Well i followed a tutorial and when i changed it from strict it didn't work, so i guessed i had to use it.
What exactly does it do. Why am i also gettin the problems with the flash?
Thanks
AdamOriginally posted by k0r54
Well i followed a tutorial and when i changed it from strict it didn't work, so i guessed i had to use it. Transitional should do you better but you still need to close all your tags.
Originally posted by k0r54
What exactly does it do. Doctype switching is beyond the scope of this particular post.
Originally posted by k0r54
Why am i also gettin the problems with the flash? I didn't see any problems with the flash...and dump the embed tags.
I suggest you not use XHTML. Simple as that, you're best off with HTML 4.01 Strict. What other XML languages are you encoporating? And are you really willing to use content negotiating? HTML 4.01 would be much simpler.And always use the strict DOCTYPES. Especially stay away from HTML 4.01 Transitional, since it was merely for transition between HTML 3.2 and HTML 4x. I don't suggest using XHTML Transitional either. Keep with the strict DOCTYPES, you'll be better off in the long run.
DOCTYPES declare what markup language you are using and point to the DTD which contains the rules of that markup language. It enables different browsers to properly parse what you have created.Originally posted by MstrBob
I suggest you not use XHTML. Simple as that... That's another way to put it and probably a good suggestion since you don't know XHTML.
However, there is no shame in using Transitional.Hi,
If you can look at this link again in firefox, it is fine but in IE the main div has been moved up : -
<!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/equity.htm">http://www.privatedemo.apc-compunet.co. ... equity.htm</a><!-- m -->
This is because in Firefox the main div has to be set to
#main {
position: relative;
margin-left:22px;
margin-top: -16px;
}
but in IE, it has to be
#main {
position: relative;
margin-left:22px;
}
How do i get around this?
Also how come in firefox my top right corner (just below the logo) is not quite right (has a faint line on both sides) but in IE it doesn't and is fine?
Thanks
k0r54I don't know...maybe try absolute positioning on the flash bit.nope no luck
Oh, well.is there no like IE hack or anything for it?Thanks
AdamOriginally posted by k0r54
is there no like IE hack or anything for it?
Yeah, absolute positioning.
Works, just peachy for me.Also, you are probably going to have to use a different doctype if you want valid code.sorry, why is that?
I am kinda new at CSS and im really sorry and really appreciate your time.
Ok so what exactly is wrong with it. Besides the actual look (coz i HATE it but clients choice) what is wrong with the structure and things.
I really want to learn this properly,
Thanks
AdamOriginally posted by k0r54
sorry, why is that?
I am kinda new at CSS and im really sorry and really appreciate your time.
Ok so what exactly is wrong with it. Besides the actual look (coz i HATE it but clients choice) what is wrong with the structure and things.
I really want to learn this properly,
OK, here is something to change first:
#contentleft {
position: absolute;
text-align:left;
width: 245px;
height: auto;
top: 172px;
left: 22px;
}
Then the embed tag was deprecated way back in HTML 4.0 and is not allowed at all in XHTML but without it you probably can't see the flash file in IE (test without it). So that is another reason to not use XHTML.
Also, you have many attributes that just don't work in strict.
You need to do this in HTML 4.01 or else trash the page and build again with XHTML in mind. (well, that's a bit extreme.
)Originally posted by Triumph You need to do this in HTML 4.01 or else trash the page and build again with XHTML in mind. Bah, this doesn't even validate in HTML 4.01 Transitional.What are the requirements of your contract with this client?What'd ya do...use me for a quick fix and then split? I feel so used. :cry: :cry:
LOL!
LMAO!No, just need a break from the PC
Will post up tomorrow or sunday on how it went
ThanksOk, that works BRILL!
I have had to do some minor patchin but it is almost there, i have one small question now.
The footer div?? ok this is the code
<div id="footer">
<div class="menulinks"><a href='http://www.globe-financial.co.uk/mortgages/mortgages.htm' class='menulinks'>Mortgages</a></div>
<hr />
<div class="copyright"><a href='http://www.globe-financial.co.uk/info/sitemap.htm' class='copyright'>Site Map</a></div>
</div>
Because the first div as the id="footer" around it the mouse overs dont work, it should change colour now when i change <div id="footer"> to <div> it works apart from it is completely unaligned?
Im not to sure on what to do?
Any ideas
Thanks
k0r54Classify the links themselves with a little non-positionsing CSS. Create a "footer" class, in addition to the Div id bearing the same name. Then create your text attributes for that class.
You have one of these #footer or close, then add .footer just for links.
<a class="footer" href=http://www.webdeveloper.com/forum/archive/index.php/"http://youknowtherest.com".....>
A workaround would to be a class that you have already and can borrow from. One used for other page links perhaps, if they're the same.
I hope this helps.Hi,
That doesn't work im afraid
This page is uploaded at : - <!-- m --><a class="postlink" href="http://www.privatedemo.apc-compunet.co.uk/webdev/vince/equity.htm">http://www.privatedemo.apc-compunet.co. ... equity.htm</a><!-- m -->
Thanks
k0r54sorry, this is even worse :s
They are not even links in the firefox and netscape, but they are in IE and opera?
Any ideas this has been drivin me mad all day
Also when the <div id="footer"> changes to a span it works fine but it doesn't line up like it should AT ALL lol
Thanks v. much
k0r54ok!
Sorry, i have figured out it is this line : -
overflow: hidden;
Im not sure why it does it, but it stops them being links???
Im going to figure out what it does!
Thanks All for you great help!!!