Bug 56975

Summary:	problem using "contentheader" with Yellow/Orange color schemes
Product:	[Websites] www.kde.org	Reporter:	kstars
Component:	general	Assignee:	Webmaster <webmaster>
Status:	RESOLVED FIXED
Severity:	normal	CC:	nicolasg
Priority:	NOR
Version:	unspecified
Target Milestone:	---
Platform:	Compiled Sources
OS:	Linux
Latest Commit:		Version Fixed In:
Attachments:	Make content header divs visible

Description kstars 2003-04-07 23:31:41 UTC

Version:            (using KDE KDE 3.1)
Installed from:    Compiled From Sources
Compiler:          n/a 
OS:          Linux

I am using '&lt;div id="contentheader"&rt;' in my app's webpage (http://edu.kde.org/kstars) to display news-item titles.  However, if I select the Yellow or Orange color schemes, then the yellow background of the div is only half as tall as the text, and the title is unreadable (since the top half of the text is white-on-white).

All other color schemes render the news titles well.

Comment 1 Timothy D. Ginn 2004-06-18 04:46:16 UTC

The behaviour for the version of Mozilla on this computer (Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.4.2) Gecko/20040220) when viewing in the Orange/Yellow themes is to not even display the news titles.

Comment 2 Timothy D. Ginn 2004-06-18 05:08:05 UTC

Created attachment 6400 [details]
Make content header divs visible

This makes the content header divs visible (by making them the same size as the
content header divs from classic.css).	(Patch for yellow.css and endres.css
from www/media/styles)

Comment 3 Nicolas Goutte 2004-06-25 19:51:00 UTC

CVS commit by goutte: 

Fix the display of #contentheader

Reported by Timothy D. Ginn
However unlike his patch (attachement 6400), I have changed the entries
according to the corresponding #footer to be more look-alike.
CCMAIL:56975-close@bugs.kde.org


  M +5 -5      endres.css   1.10
  M +5 -5      yellow.css   1.9


--- www/media/styles/endres.css  #1.9:1.10
@@ -93,12 +93,12 @@
 
 #contentheader {
-line-height: 0em;
-font-size: 0em;
+line-height: 1.5em;
+font-size: 1em;
 font-weight: bold;
-padding-left: 0em;
+padding-left: 1em;
 vertical-align: middle;
 background-color: #FFCD19;
-border-top: 0em solid #539dec;
-border-bottom: 0px solid #539dec;
+border-top: 0.2em solid #539dec;
+border-bottom: 0.2em solid #539dec;
 color: white;
 margin-top: 0;

--- www/media/styles/yellow.css  #1.8:1.9
@@ -94,12 +94,12 @@
 
 #contentheader {
-line-height: 0em;
-font-size: 0em;
+line-height: 1.5em;
+font-size: 1em;
 font-weight: bold;
-padding-left: 0em;
+padding-left: 1em;
 vertical-align: middle;
 background-color: #FFCD19;
-border-top: 0em solid #539dec;
-border-bottom: 0px solid #539dec;
+border-top: 2px solid #539dec;
+border-bottom: 0em solid #539dec;
 color: white;
 margin-top: 0;

Comment 4 Webmaster 2004-06-26 12:25:06 UTC

just checking something

Comment 5 Stephan Kulow 2004-06-26 12:26:55 UTC

sorry, another test

Comment 6 Stephan Kulow 2004-06-26 12:28:16 UTC

now the final one