Hey guys I am redoing my site alittle and I wanted to know how I can fix firefox. If you view my site in IE it looks fine. In firefox when you click the + sign the dropdown gets messed up and you see the padding highlighted (like a visited link) I think its a padding issue not sure. Can anybody help?
<!-- w --><a class="postlink" href="http://www.digitaleyesandears.com">www.digitaleyesandears.com</a><!-- w -->
css
.txt2 { color: #999999; font-weight: bold; font-size: 11px; font-family: Arial, Verdana }
.txt { color: #fff; font-size: 11px; font-family: Arial, Verdana }
#test123,a:active,a:visited,a:hover,a:link{
text-align:center;
margin-top:-3.5%;
padding-bottom:2.4%;
color:#ffffff;
text-decoration: none; font-family: Arial, Verdana;font-size:12px;
}I am curious, -why do you use a negative value margin-top? I beleive that IE has no problem or issue with that, but other browsers might. I know that only IE handles negative z-indexes 'correctly', while all other browsers assume that there can be nothing 'below' the whole integer "+1" (assumed to be the background level I guess) and if you want to insert a layer 'below' another layer, you must 'raise' the second layer not 'lower' the first layer...(did I explain that so that it's understood?
)
I see the little "+" thingie in OPERA the browser at full-screen width, but when I manually re-size my browser width, the "+" disappears up underneith the image viewer thing... this is annoying. Any 'navigation' or 'navigation aid' that becomes concealed due to client-browser settings is no navigation at all.
I haven't looked at the code yet. But the photos are excellent!
I like 'em!
-JoelThe problem is you coded this without a doctype and IE is in quirks mode. So now you coded this, essentially, to IE4.0 but trying to make it work in a modern browser like Firefox. Use a proper doctype, design using Firefox, validate your code and you won't have these problems.I've looked over the code, -a bit more javascript than I feel comfortable with. I use javascripts, -just not too good at fully understanding them, so I cannot say anything to help. I would defer to drhowarddrfine in his comments about Doctype. Try that and see if it helps.
(Once again, -great pictures! )
-JoelI've looked over the code, -a bit more javascript than I feel comfortable with. I use javascripts, -just not too good at fully understanding them, so I cannot say anything to help. I would defer to drhowarddrfine in his comments about Doctype. Try that and see if it helps.
(Once again, -great pictures! )
-Joel
Joel
Hey thanks for your comments. I use negative margins because I wanted the plus sign right under the top table and this is the only way I know how
I really would love to code this site using strictly css and xhtml. I have been working on this site for a month now and have been frustrated with with css and trying to make it work with all browsers and screen sizes. Could anybody take some time with me and help me do this in css? If somebody could do a mockup site I might can take it from there. I want it too look and behave like it does now. I will even give credit were credit is due on my site. I am a photographer not a web designer. What can I do to get this thing going?
PS I also tried the transtional doctypes and thats not passing!!
<!-- w --><a class="postlink" href="http://www.digitaleyesandears.com">www.digitaleyesandears.com</a><!-- w -->
css
.txt2 { color: #999999; font-weight: bold; font-size: 11px; font-family: Arial, Verdana }
.txt { color: #fff; font-size: 11px; font-family: Arial, Verdana }
#test123,a:active,a:visited,a:hover,a:link{
text-align:center;
margin-top:-3.5%;
padding-bottom:2.4%;
color:#ffffff;
text-decoration: none; font-family: Arial, Verdana;font-size:12px;
}I am curious, -why do you use a negative value margin-top? I beleive that IE has no problem or issue with that, but other browsers might. I know that only IE handles negative z-indexes 'correctly', while all other browsers assume that there can be nothing 'below' the whole integer "+1" (assumed to be the background level I guess) and if you want to insert a layer 'below' another layer, you must 'raise' the second layer not 'lower' the first layer...(did I explain that so that it's understood?
)I see the little "+" thingie in OPERA the browser at full-screen width, but when I manually re-size my browser width, the "+" disappears up underneith the image viewer thing... this is annoying. Any 'navigation' or 'navigation aid' that becomes concealed due to client-browser settings is no navigation at all.
I haven't looked at the code yet. But the photos are excellent!
I like 'em!-JoelThe problem is you coded this without a doctype and IE is in quirks mode. So now you coded this, essentially, to IE4.0 but trying to make it work in a modern browser like Firefox. Use a proper doctype, design using Firefox, validate your code and you won't have these problems.I've looked over the code, -a bit more javascript than I feel comfortable with. I use javascripts, -just not too good at fully understanding them, so I cannot say anything to help. I would defer to drhowarddrfine in his comments about Doctype. Try that and see if it helps.
(Once again, -great pictures!
)-JoelI've looked over the code, -a bit more javascript than I feel comfortable with. I use javascripts, -just not too good at fully understanding them, so I cannot say anything to help. I would defer to drhowarddrfine in his comments about Doctype. Try that and see if it helps.
(Once again, -great pictures!
)-Joel
Joel
Hey thanks for your comments. I use negative margins because I wanted the plus sign right under the top table and this is the only way I know how
I really would love to code this site using strictly css and xhtml. I have been working on this site for a month now and have been frustrated with with css and trying to make it work with all browsers and screen sizes. Could anybody take some time with me and help me do this in css? If somebody could do a mockup site I might can take it from there. I want it too look and behave like it does now. I will even give credit were credit is due on my site. I am a photographer not a web designer. What can I do to get this thing going?
PS I also tried the transtional doctypes and thats not passing!!