Previous Message
Next Message

Using an image as a bullet image for a list

Sent by Ken Robinson on 10 January 2006 14:02


Quoting francky [EMAIL-REMOVED]>:

> Ken Robinson wrote:
>
>> ... and everything is now working (at least on FF1.5 & MSIE 6 for 
>> windows). If someone can give me feedback from other browsers, I 
>> would appreciate it. Since I'm still in the testing (& playing) 
>> phase I haven't validated the CSS or HTML code yet.
>> ...
>>
> Hi Ken,
>
> Ehm, I think validation is just one of the 1st important things in the
> testing and playing phase! ;-)
> For instance, Tiny on testlist.php says: the required attribute
> *type="text/css"* is omitted in the <style>-declaration. - That omission
> can cause unexpected effects in (some) browsers. Or, the other way, when
> you validate everything as the product is ready, then adding this
> afterwards can cause unexpected effects (and you have to play again)....

I thought I had put that in. I guess it was on one of the versions I 
didn't use.

>
> Browsers about testlist.php (on Win98SE):
> - Opera 8 is about the same as IE6.
> - Opera 7.54 also, but hovering over the list causes more distance
> between the list-tems; hovering back outside the list: the list-items
> stay in the new position, only refresh brings them back to normal position.
> - Netscape 6.21 (not the newest) moves the paw-bullets to high.
> - In fact, all browsers interpret the paw-position on their own way. See
> these screenshots
> <http://home.tiscali.nl/developerscorner/css-discuss/images/nj-dogtrainer.gif>.

Thanks for the screen shots.

> - NB: everything without the <style type="text/css">.
> You can try to see what happens if you place the paws not as
> list-style-image, but just as background-image in the list-items (with
> list-style: none), and position them as wanted with background-position.
>

I'll try that and see what happens. Thanks for the suggestion.

> O, and the thinline.gif is missing 1px in width to connect to the header.

I saw that also.

>
> Then perhaps to consider: the paws are very good in attracting focus >
> here you have to click! That made for me the 2 paws in the right side of
> the header a bit confusing: could I click there also? (no). In the
> lay-out I think they are there a bit to much: they split the attention
> ("rapid eye movements" from list-paws to header-paws). Maybe you can put
> some other image in the right of the header? Smiling dog face or something?
>

As I said, I just got this site. The owner had another web designer who 
did the
original design and then skipped out. She had tried to make changes with very
little knowledge of what she was doing. Luckily she stopped before she did too
much damage. The original design was done with Dreamweaver, which I don't use,
and uses Javascript roll over menus with a lot of GIF files to get the menu to
look correct. For my initial re-code, I just want to replace the Javascript
menus with CSS menus and replace the tables used for layout with CSS. 
Once I do
that, I will talk to the owner about other redesign items.

> Btw, the word "dog" is not in the header-image, nor in the head of the
> index.php. The words "dog training" (just aside each other) in the index
> occur only once, and is far away from the beginning (allmost at the
> bottom, in the last paragraph). And "dog trainer" doesn't even show once
> in the fist page.
> So that that will make it difficult for the search engines to rank it on
> a high place under the dog trainings!

Most of those words were put into the META tags, but I understand they don't
really work the way most users think they work.


> People don't search on the phrase "Welcome!" (the most important head
> the search bots see on this page). - Better could be: "Dog training:
> good for you, good for the dog!" or something as head. In the first
> paragraph you can welcome the visitor, to stay polite.

I will bring those ideas to the owner.

Thanks again,
Ken

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: