OpenEuphoria.org
Ticket #22:
Page Title Hidden Behind Buttons
-
Reported by
euphoric
Sep 10, 2009
On my screen, on the following page, the Page Title "" sits behind the row of tabs. Either get rid of the page title, or make the topmost header big enough to accommodate long post titles. (Kat had made a CSS adjustment for this at one point that probably should have been used.)
Sample Post
Details
1. Comment by ghaberek
Sep 10, 2009
Here is a visual example of the problem. I suggest eliminating it altogether, as the title is display just below the page header and at the top of each response.
(click for larger image)
-Greg
2. Comment by jeremy
Sep 10, 2009
Ha! That was going to be my suggestion Greg. Guess if two had the idea it must be a good one
3. Comment by DerekParnell
Sep 10, 2009
I'd actually like to see the menu buttons appear to the left of the screen, immediately beneath the OpenEuphoria title line, rather than right-aligned as they are now.
4. Comment by jeremy
Sep 10, 2009
I don't have a problem with either suggestion.
5. Comment by ghaberek
Sep 10, 2009
Those buttons are to the point now where soon enough they'll fill the whole width of the page on a 1280px wide screen.
-Greg
6. Comment by jeremy
Sep 10, 2009
Greg, so then you would agree, make the "Title" area taller and move the buttons, maybe centered below the title. Such as:
OpenEuphoria.org: Ticket System
[Home] [Forum] [Wiki] [Manual] [...]
---------------------------------------------------------
Hello World, I hope you enjoy my ASCII art!
7. Comment by DanM
Sep 10, 2009
is this what you mean?
http://imgbin.org/index.php?page=image&id=764
As you can see, in addition to what you describe, for me the subject of a post, when "long", spanning more than one line, it obscures the name of the author of the post
8. Comment by jeremy
Sep 10, 2009
Hm, this is why I hate messing with the position attributes in CSS. Maybe Greg can help?
9. Comment by ne1uno
Sep 11, 2009
im addition to making the header taller, can make the buttons take up less room and force them to be at the bottom of the header instead of inside of it. need to also decrease the empty space below the current header.
save a local copy of any openeuphoria page, edit the style.css and try it.
change #menu to
#menu
{
position: relative;
right: 0em;
bottom: -3em;
font-size: 80%;
}
if anyone can find how the buttons are inheriting padding and decrease the amount they would be less likely to dance around to the top of the header at random times.
10. Comment by jeremy
Sep 11, 2009
ne1uno: I am confused as to what your total fix is. Applying the CSS change you included here causes the tabs to be much smaller and also directly over the page title.
11. Comment by jeremy
Oct 07, 2009
Page Title in the header is removed as it's a duplicate from the title tag as well as most HTML pages.
12. Comment by CoJaBo
Oct 07, 2009
The Home and Forum buttons still overlap the "OpenEuphoria" portion of the header. So its still not fixed.
13. Comment by jeremy
Oct 07, 2009
How big of a monitor do you have CoJaBo? It doesn't quite look right on 800x600, but 900x works just fine.