[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Suggestions For The Website



Richard Atterer replied to my mail that :
>>  o  when you link to a paragraph inside the page : <a href="#about">about</a>
>>      the target anchor should not contain the title of the paragraph : <a name="about">ABOUT</a>.
>>      Instead it should be empty : <a name="about"></a> ABOUT
>>      why ? Simply because in mozilla the title is highlighted on hover as if it was a link.
>
>
>This is actually a bug in our CSS which was fixed at one point, but the 
>change was reverted later for some reason.
>
>Instead of this:
>
>  a:hover { color: #F000FF; }
>  a:visited { color: #800080; }
>  
>the CSS should be like this:
>
>  :link:hover { color: #F000FF; }
>  :visited:hover { color: #800080; }


Its not a bug in the css !
<a name="blabla"></a> should not contain any text ! In fact, it's not a link and doesn't work as a link or as a tag for text display like <b>text</b>
It should be this way <a name="name" /> but the html developpers did not change that !

>
>Hm, lots of different people edit the site, also much of the content is 
>generated by various macros/scripts, so there is no good control over 
>indentation.
>

You said that the web pages are generated by a wml code. Doesn't that mean that you can change only few codes to make the proper indentation?

I read on "How is www.debian.org made" the following :

We intend to move on to XHTML, however, so all web editors are strongly encouraged to write the HTML tags in lowercase, place ending tags where appropriate, etc., in order to make the transition as smooth as possible.

But why are there still tags in uppercase
Empty tags are written this way <hr /> or <br />, and you write them <br> and <hr>

If you try to save a page in mozilla, and take a look at the saved page source code, you will see that it is messed up.
Sorry then if i blamed on the fact that the source code is messy :->
If its impossible as you say, please, leave all the lines with no indentation, so it will look much better !

Please fix these :

<div id="header">
   <div id="upperheader">
   <div id="logo">
  <a href="../"><img src="../logos/openlogo-nd-50.png" width="50" height="61" alt=""></a>
  <a href="../" rel="start"><img src="../Pics/debian.png" width="179" height="61" alt="Debian Project"></a>
  </div> <!-- end logo -->
<div id="serverselect">
<!--UdmComment-->
<form method="get" action="http://cgi.debian.org/cgi-bin/redirect.pl";>

<p>
<input type="hidden" name="page" value="/intro/about">
Select a server near you
<br>
<select name="site">
<option value="au">Australia</option>
<option value="at">Austria</option>
<option value="br">Brazil</option>
</select>
<input type="submit" value=" Go ">
</p>
</form>
<!--/UdmComment-->
</div> <!-- end serverselect -->
</div> <!-- end upperheader -->


so they look like that


<div id="header">
  <div id="upperheader">
  <!-- logo -->
  <div id="logo">
    <a href="../"><img src="../logos/openlogo-nd-50.png" width="50" height="61" alt=""></a>
    <a href="../" rel="start"><img src="../Pics/debian.png" width="179" height="61" alt="Debian Project"></a>
  </div>
  <!-- end logo -->
  <div id="serverselect">
  <!--UdmComment-->
    <form method="get" action="http://cgi.debian.org/cgi-bin/redirect.pl";>
      <input type="hidden" name="page" value="/intro/about" />
      <p>
      Select a server near you
      <br />
      <select name="site">
        <option value="au">Australia</option>
        <option value="at">Austria</option>
        <option value="br">Brazil</option>
      </select>
      <input type="submit" value="&nbsp;Go&nbsp;" />
      </p>
    </form>
  <!--/UdmComment-->
  </div> <!-- end serverselect -->
</div> <!-- end upperheader -->

input elements that are hidden should be directly inside the form, not inside an element of the form
input tag should end with " /" like that <input type="hidden" />
just like <br /> and <hr />
i suggest to put &nbsp; instead of blank space


>No. This has been discussed before on the list - each word in that area of 
>the page is the translation of the respective language name into that 
>language. With some languages (e.g. English), languages are always written 
>with a capital letter, but not in others.

I think all the languages should be written in capital letters because its much more clear and easy to pick up a language from the list, just like titles of songs are written on cd covers.
however, if you follow the mentioned rule, i wanted to say that it is applicable only if you write each language in separate sentence written in that language.
but even in Polish, you write 'polski', when you write polski in the beginning of a sentence, you write it in capitals, isn't it.
And this is a list of languages that are written separated, not in one sentence, each one is a distinct word,thats why you should write them in upcase.
Well, my first impression when i first saw this list was very negative, just like if some languages were more important than others. Now i understand, but the first impreesion on a new visitor is very important, you see.

>Unfortunately Jutta, who has been doing most of the CSS changes lately, 
>doesn't test on MSIE at all. :-/

But if i tested it on both of them, why dont you make the necessary changes ?
Besides, you wrote on the "How is www.debian.org made" the following :

How not to help

[Q] I want to put fancy web feature into www.debian.org, may I?

[A] No. We want www.debian.org to be as accessible as possible, so

    * no browser specific "extensions".
    * no relying on images only. Images may be used to clarify, but the information on www.debian.org must remain accessible via a text-only web browser, like lynx. 

Well, if a feature like #outer>#inner in the css doesn't work in iexplore, doesn't it mean that it is a browser specific "extension" ?
The use of #footer{border-top: 1px solid #BFC3DC;} would be then less browser specific.
However, the navigation bar, with round border is displayed properly only on mozilla, opera and iexplore display hard edged. I thin this is a very browser specific feature ! The use of images ( that i found on some pages of the website like the search page or the lists.debian.org ) would be much better, the borders are also better shaped.
I Suggest however a more "classical" interface.
Please let me know if you want an example that i prepared for you.

Anyway, i am very glad that i can participate in the development of this website.





Reply to: