Description: I took the file $KDEDIR/share/apps/khtml/css/html4.css and changed it to make the buttons have a height of 16px and the fonts normal. I never really like the default BIG buttons --- and no web developers ever think set a size for the buttons because every 'popular' browser has the default behavior they want. I did this terribly and there are thousands of ways this can be fixed up. It will also violate the font sizes you have already set, so if it looks weird, just change the font sizes.
If you don't have access to root or don't want to replace that file, you can go to Konqueror>Settings>Configure Konqueror>Stylesheets>Use User-Defined Stylesheet
Sorry, I like the idea of improving the too much default size of buttons, but what you have done is make the buttons SIZE-FIXED!!!!
Note that with the default css if you press "Ctrl +" the button size is increased with the text it contains. Note too that with the default css the size of buttons can be customized in each web css.
But with your css the height of buttons is fixed, not modificable, not increased when pressing "Ctrl +", nothing.
Please, you could improve it. Just make not so big the default button height, but not make it fixed.
Sorry, I don't think there is a way to shrink the size without making it fixed.
Ctrl+ and Ctrl- works fine for me, I wouldn't know why it wouldn't work.
Well, I haven't tried, but if I had to guess, you could define height on a "relative" measure unit. For example, on "character size" units, also known as "em".
In this example:
div.outer { font-size: 12px; }
input { font-size: 10px; height: 12px }
...blabla...
<div class="outer">
<input type="button" value="a button">
</div>
As you see, you define font size and height of the input objects (buttons, text boxes, etc) on pixels. This is easy, but get us to your problem. BUT, if you define it like...
input { font-size: 0.8em; height: 1em; }
That means "the input is 1 char high, and its inner text/labels/whatever you call it is 80% of char high", and the browser will translate that to pixels according to the size of the characters where the input is placed (far better than letting it be 16px always). Best of all, if I'm not wrong, when changing font size with Ctrl-+ or Ctrl-mouse wheel, input size will change too.
Ratings & Comments
9 Comments
Now that i look at the comments.. I've misinterpreted every one... I'm not a developer of anything at all.. Someone should hit me hard on the head..
Sorry, I like the idea of improving the too much default size of buttons, but what you have done is make the buttons SIZE-FIXED!!!! Note that with the default css if you press "Ctrl +" the button size is increased with the text it contains. Note too that with the default css the size of buttons can be customized in each web css. But with your css the height of buttons is fixed, not modificable, not increased when pressing "Ctrl +", nothing. Please, you could improve it. Just make not so big the default button height, but not make it fixed.
Sorry, I don't think there is a way to shrink the size without making it fixed. Ctrl+ and Ctrl- works fine for me, I wouldn't know why it wouldn't work.
Well, I haven't tried, but if I had to guess, you could define height on a "relative" measure unit. For example, on "character size" units, also known as "em". In this example: div.outer { font-size: 12px; } input { font-size: 10px; height: 12px } ...blabla... <div class="outer"> <input type="button" value="a button"> </div> As you see, you define font size and height of the input objects (buttons, text boxes, etc) on pixels. This is easy, but get us to your problem. BUT, if you define it like... input { font-size: 0.8em; height: 1em; } That means "the input is 1 char high, and its inner text/labels/whatever you call it is 80% of char high", and the browser will translate that to pixels according to the size of the characters where the input is placed (far better than letting it be 16px always). Best of all, if I'm not wrong, when changing font size with Ctrl-+ or Ctrl-mouse wheel, input size will change too.
problems with some URL sites.. kde-look home-page comes very ugly and with missed objects any idea?
Some sites don't look right, I think I messed up digg.com, but kde-look.org looks fine for me, I wish you could be more specific.
Maybe different versions of khtml and konqueror need different things in their css files, I don't know.
I wish there were a section for users css files and kde-look.
There is: konqueror>settings>configure konqueror>stylesheets>Use user-defined stylesheet -- i think i'll edit my post to include this