13 replies [Last post]
RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

The contents aren't filled in yet ...
africa-twin-berlin.de
Opera doesn't position the buttons, anybody know a solution for that?
CSS
Thx for opinions ...

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Another call for feedback

I'd rethink using absolute positioning on your links because even in FF & IE, they become partly obscured at smaller window sizes. Putting your links in a <div> and giving it a top & left margin would probably be a better way to go. You might also want to consider putting your links in a list because they're not very accessible as they are now.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Anonymous
Anonymous's picture
Guru

Another call for feedback

Sakes!!!

Your css files are going to be HUGE until you learn about the class attribute.

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 38 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Another call for feedback

Quote:
Opera doesn't position the buttons, anybody know a solution for that?

First things first...you need to have a complete Doctype, then you need to validate the page.

Overall, I like the layout. Good color scheme. My only suggestion on the layout is to slow down the animated gif...by changing pictures that fast, it works against you not for you. Smile

- r

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Another call for feedback

OK, the doctype is done (of course lots of mistakes came up validating! Shock ).

The animated gif is slower now. Actually I wanted it not to be recognised at a glance ... but till now you are the 10. to mention, so I had to give in (and as I found out most of Africa-Twin riders are aged 30-45 (including myself) ...) Wink

Next, the list thing, comes together with cleaning up the IDs I guess. What I can't see clear: the IDs accumulated because each has a different pic and over. I'll think it over to solve this in a list and would be thankful for a structure-hint.

Another topic is the yellow border of the gif: I would rather like to give it a png-overlay but am not sure about the behavior-workaround-thing for IE. Just searched this forum and other sources for it, but the solutions don't sound satisfying if not really necessary. So rather not change it?

Thx for your advice Laughing out loud

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Another call for feedback

RH wrote:
I'll think it over to solve this in a list and would be thankful for a structure-hint.

For tutorials and examples on using lists for navigation: Listamatic.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Another call for feedback

Whooaaa, this is knocking me off! One list, many options! Glad to have no kids and family so my sunday is made Laughing out loud
But the overview provided is well made, hope to find the sol soon ...
Thx

Anonymous
Anonymous's picture
Guru

Another call for feedback

Still wondering if you are going to give every item* on your page an ID. :?

I've heard of "divitis" and "classitis" but this is id-itis.

*Slight exaggeration. Very slight.

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Another call for feedback

Yes, id-it!
Still about digging deeper into CSS, hope to polish it to something more elegant, let's see ... :roll:

Anonymous
Anonymous's picture
Guru

Another call for feedback

RH wrote:
Yes, id-it!
Still about digging deeper into CSS, hope to polish it to something more elegant, let's see ... :roll:

ID-it ... clever. Just you watch where you're pointing it though. Wink

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Another call for feedback

I meant: No exaggeration, like: you name it, like: ID-it ...

The site is about two months old, meanwhile I caught the CSS-virus. Feels more exciting to me than gaming around! #-o
So I'm really curious to restructure the CSS-P. Just got something in mind ...

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Cured from ID-itis?

Now here is some rework with less IDs and more relative positioning.
See the CSS here.
Problem is now that Safari doesn't display properly. It only accepts the absolute positioning for the img header left and the list-menu but displays them relative. I have designed w/ FFMac.
At least it works in Opera now ...
How about win-browsers ...?
Thx for checking!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Another call for feedback

Looks about right in FF, but in IE6, it looks very strange (see atttachment).

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

RH
RH's picture
Offline
Regular
Germany, Berlin
Last seen: 16 years 5 weeks ago
Germany, Berlin
Timezone: GMT+1
Joined: 2005-10-25
Posts: 42
Points: 0

Another call for feedback

Uuuggh, yes, very strange indeed ... btw the pink was only for orientation on the dimensions of the ul.
So maybe the ID-itis thing displays better in win-browsers?
Kinda interesting ... it's the worse CSS, right?