need to adjust FF2 and IE to look like FF3

[namooth]

Hey all, i have some CSS issues with my website.

here is a print screen from FF 3 RC2:

<wide graphic removed>

and that's what i want to accomplish in all the other browsers.

but, in FF 2 it looks like this:

and in IE it looks like this:

I don't get where those black dots are coming from..

<div class="centry">
// code that calls the thumnbnails
</div>

CSS related:

.centry a:link img, .centry a:visited img, .centry a:hover img,
.centry a:active img {
background: none;
padding: none;
border: none;
margin-right:5px;
margin-bottom:5px;
width: 60px;
height:60px;
float:left;

Thanks

 

[ca8msm]

It's probably coming from one of the HTML elements you have on your page. If you want a more precise answer, you will have to show us the HTML and CSS output so we can see.


-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[Vragabond]

Those dots are from unordered list, which is what the thumbnails are probably in. If all your CSS is what you're showing us, then that is probably the cause of all issues. Like Mark said, show us both the relevant HTML and CSS if you want us to debug this.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[namooth]

sure.

http://tinyurl.com/6rf67n

check the bottom of the page

 

[namooth]

oops..can't edit?
the css you can find here:

http://tinyurl.com/5ecvmw

 

[BillyRayPreachersSon]

Something you might want to think about is putting a UL element around your LIs. As far as I know, this is mandatory.

You might also want to fix the many validaton errors your page has (see

http://validator.w3.org/).

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ChrisHunt]

Validate your code. If your code is broken, it's futile to expect all browsers to display it the same way.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[namooth]

Thanks for the replay
Most of the vaildator errors are coming from diffrent plugins, I'll look into that. About the UL element around the LIs, can you give me an example (im not that sharp in CSS)

Thanks

 

[ca8msm]

About the UL element around the LIs, can you give me an example (im not that sharp in CSS)

It isn't CSS, it's the HTML that is the problem. See this simple tutorial on the UL element:

http://www.w3schools.com/tags/tag_ul.asp

-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[namooth]

The problem is that the post-thumb plugin creates the UL and sends them to the html, i don't think i can change anything in the Html.

 

[ChrisHunt]

Just do it like this:

<div class="centry">
[red]<ul>[/red]
// code that calls the thumnbnails
[red]</ul>[/red]
</div>

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[namooth]

it stills looks messed up, but in a different way.

 

[Foamcow]

it stills looks messed up, but in a different way

Then you really do need to fix the HTML validation errors. What chance has a browser got if it has to guess as to how your page is structured.

Certain elements have to be in other elements, some elements cannot be in certain other elements. Until you get the HTML validating you are basically just chasing your tail and your page will almost always 'break' somewhere along the line.


It can be daunting if you have alot of errors but you will probably find that by fixing one issue you get rid of lots of the errors as they tend to have a knock on effect.

--
Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.