Skip to main content
Welcome guest. | Register | Login | Post

Technical modifications

13 replies [Last post]
ariadacapo's picture
Offline
Joined: 2006-07-13

Here are the things that should be changed, in my opinion, to improve the technical foundations of the website.
I have written the website just myself, and my HTML / CSS knowledge, if not entirely bad, isn't top level.

    .

  • Improve rendering in Internet Explorer.
    The site looks dreadful in IE. It's not my fault - but that has to change all the same. IE users are only 15% of visits, but they are important. We can't hope to impress anyone about free software, if we can't even manage to look decent.
    Points to solve:

    [EDIT: solved]

  • .

  • Validate the code
    Both the Link Buttons page and the homepage fail to validate. If you can find ways to solve this, while keeping good semantics and good usability, we'd like to know!

That's all I could think of, but of course all additions are welcome.

edit: removed one problem (solved)

a thing's picture
Offline
Joined: 2005-12-20
bullets and top/bottom lines

You can fix the bullets by using the CSS list-style-type:none on the list.

Try using the CSS border-bottom-style:solid;border-top-style:solid on the navigation to get the top/bottom lines.

ariadacapo's picture
Offline
Joined: 2006-07-13
tried that

Thanks, a thing!

a thing wrote:

You can fix the bullets by using the CSS list-style-type:none on the list.

Thanks for that.
I had already specified list-style:none which I thought should theoretically include the list-style-type property.

I now correctd that and "over-explained" it with list-style-type: none;  list-style-image: none; so hopefully it should work.

a thing wrote:

Try using the CSS border-bottom-style:solid;border-top-style:solid on the navigation to get the top/bottom lines.

I added this to the code.

I also tweaked the Javascript PNG fix a little, which should hopefully improve display of the small bottom pngs.

Could anyone please check this out with IE ? I do not have a Windows computer at hand... thanks very much !

Olivier

ariadacapo's picture
Offline
Joined: 2006-07-13
I was able to have a quick

I was able to have a quick glance at the site with an IE computer (what an experience... makes me groan and scream everytime)...

ariadacapo wrote:

I now correctd that and "over-explained" it with list-style-type: none;  list-style-image: none; so hopefully it should work.

Well it doesn't seem to have worked...

ariadacapo wrote:
a thing wrote:

Try using the CSS border-bottom-style:solid;border-top-style:solid on the navigation to get the top/bottom lines.

I added this to the code.

Didn't seem to work either...

ariadacapo wrote:

I also tweaked the Javascript PNG fix a little, which should hopefully improve display of the small bottom pngs.

Did seem to work. Anyone notice further problems with the PNGs please say so.

libervisco's picture
Offline
Joined: 2006-05-04
The site seems to be down at

The site seems to be down at the moment. I guess you're working on something. Smiling

ariadacapo's picture
Offline
Joined: 2006-07-13
re: site down
libervisco wrote:

The site seems to be down at the moment. I guess you're working on something. Smiling

unfortunately not Sad

They were supposed to be "a dream of a host" but they're better at marketing than I am :strumpf: Ah, we all have bad days, hope theirs ends soon.

free-zombie's picture
Offline
Joined: 2006-03-08
probably a one-man host.

probably a one-man host. I've seen enough of those for a lifetime.

AndrewB's picture
Offline
Joined: 2005-12-18
Or it could be due to the

Or it could be due to the 'world heat wave' or related.

PNG support sucks in IE, but I think it will improve in IE7.  

ariadacapo's picture
Offline
Joined: 2006-07-13
re: tech problems
AndrewB wrote:

Or it could be due to the 'world heat wave' or related.

The host quoted "power outage". I don't really mind to be honest...

AndrewB wrote:

PNG support sucks in IE, but I think it will improve in IE7.

Yes definitely, but right now it's not PNG I'm worried about. The above bugs are plain HTML / CSS bugs and I don't understand them.
I noticed a few others but these are the main ones.
Anybody know their stuff in these languages, please help Smiling

Olivier.

nwrman's picture
Offline
Joined: 2006-09-15
A fix

I wasn't aware of the IE problems as I use it only to use my bank's site.

Anyway now I've seen it on IE and I did a change on page_contents.css

IE and Firefox looked like this respectively:

IE:
ie-wrong

FFX:
ffx

Changes on page_contents.css

Before:
css-before

After
css-after

IE looks like this now:
ie-good

Firefox still looks the same, it just simply drop out the line.

That change in css margin-left: expression('2.5em'); the expression part only works in IE all versions, all other good browsers don't know what it means Eye, there wasn't any change on html so it still validates, the css don't Sad

Web Developer extension Error consol:
dropped

Hope this isn't a big deal, i don't like IE, you always have to use this kind of ugly hacks, but, I still have to create sites for the masses, lets convert 'em all!

BTW: change was made using: GetGnuLinux.org on September 10, 2006 (tar.gz file)

ariadacapo's picture
Offline
Joined: 2006-07-13
Thanks so much nwrman! This

Thanks so much nwrman! This is fantastic work. Really helpful.
I will install IE on my machine and try this trick further; I think it could solve several other problems.

It's indeed too bad for the validation, but I agree with you that there are more important things than that. If we can switch a Windows user to GNU/Linux, well that's one less IE user around Smiling

I will update the website within 48hrs (currently only internet cafe access)

Olivier.

nwrman's picture
Offline
Joined: 2006-09-15
I'm glad

I'm glad this solved the problem!

That's so true, it's really a pain in the ass working on your site, making it look good by following the standards, and then it's a punch on your face when you see your work looking like crap in IE, let's make the number of IE users tend to zero.

Cya!

ariadacapo's picture
Offline
Joined: 2006-07-13
problems solved

In fact you pointed out something very interesting to me: IE and Firefox have different ways of rendering default list-items style.
For Mozilla, it's padding-left
For IE, it's margin-left

I hadn't figured this out while writing the website, and used negative margins to customize Mozilla behaviour, which even worsened IE's rendering.

In this case, an even better fix is the css is:

#content li {
		margin-top: 0.4em;
		padding-left: 0; /*for IE*/
		margin-left: 0; /*for moz*/
	}

Moral to the story for me: when using negative margins, there is usually something wrong!

In fact, I owe you very much because:
* you got the wheel going, and gave me motivation to try further again
* 80% of the remaining display issues were of the same type: different rendering of list-items (although some were really a lot more tricky). By twiddling around each case I solved them all.

So thanks again nwrman Smiling

Olivier.

nwrman's picture
Offline
Joined: 2006-09-15
Ok

That's great!

I thinks it's better to stick to good standars anyway, that's a good tip, now thanks to you Smiling

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.