cvs commit: www/templates website-top.html

jeroen at linuxfromscratch.org jeroen at linuxfromscratch.org
Mon Nov 24 02:55:48 PST 2003


jeroen      03/11/24 03:55:48

  Modified:    style    2columns-menu.css 3columns.css
               templates website-top.html
  Log:
  Make the menu layout work in Opera-7.x at the cost of a nice hover effect.
  
  Revision  Changes    Path
  1.4       +7 -6      www/style/2columns-menu.css
  
  Index: 2columns-menu.css
  ===================================================================
  RCS file: /home/cvsroot/www/style/2columns-menu.css,v
  retrieving revision 1.3
  retrieving revision 1.4
  diff -u -r1.3 -r1.4
  --- 2columns-menu.css	22 Nov 2003 15:20:48 -0000	1.3
  +++ 2columns-menu.css	24 Nov 2003 10:55:48 -0000	1.4
  @@ -113,13 +113,14 @@
   #generalnav { position: absolute; top: .5em; left: 2em; width: 70%; border-bottom: 1px solid #636da2; }
   #generalnav li { float: left; position: relative; width: 30%;  }
   #generalnav li ul { display: none; position: absolute; }
  +/* The following disables the menu in Opera, therefore it's disabled here
   #generalnav li h3 { padding: 0 0 5px;}
  -#generalnav li:hover h3 { padding: 0; border-bottom: 5px solid #636da2;}
  -#generalnav li:hover ul { display: block; margin: 0 -1px; border: 1px solid #858fc4; }
  -#generalnav li:hover ul li { width: 100%; border: 0;}
  -#generalnav li:hover ul li a,
  -#generalnav li:hover ul li a:active { padding: 4px; display: block; background: #f1f1f9; text-decoration: none; }
  -#generalnav li:hover ul li a:hover { color: #fff; background: #858fc4; border-right: 1em solid #a7afe6;}
  +#generalnav li:hover h3 { border-bottom: 5px solid #636da2;}*/
  +#generalnav li:hover ul { width: 100%; display: block; margin: 0 -1px; border: 1px solid #858fc4; }
  +#generalnav li > ul li { width: 100%; border: 0;}
  +#generalnav li > ul li a,
  +#generalnav li > ul li a:active { padding: 4px; display: block; background: #f1f1f9; text-decoration: none; }
  +#generalnav li > ul li a:hover { color: #fff; background: #858fc4; border-right: 1em solid #a7afe6;}
   
   body.search ul.results li { border: 1px solid #cde; background: #eeefff; padding: .2em; margin: .2em }
   body.hints ul.results { margin: 0; padding: 0;}
  
  
  
  1.4       +1 -1      www/style/3columns.css
  
  Index: 3columns.css
  ===================================================================
  RCS file: /home/cvsroot/www/style/3columns.css,v
  retrieving revision 1.3
  retrieving revision 1.4
  diff -u -r1.3 -r1.4
  --- 3columns.css	22 Nov 2003 15:20:48 -0000	1.3
  +++ 3columns.css	24 Nov 2003 10:55:48 -0000	1.4
  @@ -84,7 +84,7 @@
   
   ul { margin: 0; padding: 0; list-style: none;  }
   ul li, #content .pagenav ul li, #index .pagenav ul li, #content ul.results li { margin: 0; padding: 0 0 .3em 1em; display: inline; }
  -td ul li { list-style-type: none; margin-left: -3em;}
  +td ul li { list-style-type: none; }
   #content li, #index li { display: list-item; list-style: circle inside; }
   .pagenav ul { margin: .3em 1em 1em 0; text-align: right; border-top: 2px solid #cdcdcd;}
   
  
  
  
  1.31      +5 -11     www/templates/website-top.html
  
  Index: website-top.html
  ===================================================================
  RCS file: /home/cvsroot/www/templates/website-top.html,v
  retrieving revision 1.30
  retrieving revision 1.31
  diff -u -r1.30 -r1.31
  --- website-top.html	22 Nov 2003 15:49:15 -0000	1.30
  +++ website-top.html	24 Nov 2003 10:55:48 -0000	1.31
  @@ -99,28 +99,22 @@
   				</td>
   			</tr><tr>
   				<td><a href="http://www.opera.com">Opera</a></td>
  -				<td>6, <a href="http://www.opera.com/download/">7.x</a></td>
  -				<td>The two-column-menu layout doesn't work. I'm working on it...</td>
  +				<td><a href="http://www.opera.com/download/">7.x</a></td>
  +				<td>No issues</td>
   			</tr><tr>
   				<td><a href="http://www.apple.com/safari/">Safari</a></td>
   				<td><a href="http://www.opera.com/download/">1.0</a></td>
  -				<td>Unknown</td>
  +				<td>None</td>
   			</tr><tr>
   				<td rowspan="3"><a href="http://microsoft.com/windows/ie/default.asp">Internet Explorer</a></td>
   				<td><a href="http://microsoft.com/windows/ie/default.asp">6.0 SP1</a></td>
   				<td>Has some problems with the search results page (dt's aren't displayed while dd's are), allthough it's still usable. The two-column-menu layout doesn't work due to limited CSS support.</td>
   			</tr><tr>
   				<td><a href="http://microsoft.com/windows/ie/default.asp">5.0</a></td>
  -				<td><ul>
  -						<li>Menu items for project and general navigation (the left and right bars) have too large padding between the list items. </li>
  -					</ul>
  -				</td>
  +				<td>Menu items for project and general navigation (the left and right bars) have too large padding between the list items. </td>
   			</tr><tr>
   				<td><a href="http://www.microsoft.com/mac/products/internetexplorer/internetexplorer.aspx?pid=internetexplorer">5.2 Mac</a></td>
  -				<td><ul>
  -						<li>Unknown</li>
  -					</ul>
  -				</td>
  +				<td>Unknown</td>
   			</tr>
   		</tbody></table>
   		<p>Other graphical browsers or versions older than those mentioned above probably display the page but there might be bugs. Verify your browser by comparing its output against <a href="http://linuxfromscratch.org/~jeroen/websitescreenshots/">these screenshots</a>. We suggest you upgrade to a standards compliant browser like those above in case of serious errors. In case you're not able to upgrade, we <a href="http://linuxfromscratch.org/mailman/listinfo/website">accept patches to the stylesheet</a> if they solve your problems.</p>
  
  
  



More information about the website mailing list