PBase

I tried to change the fonts here :
http://www.pbase.com/kaen/supershoot2004
but NO changes !!!???

For example : I wanted that my second line : Benchrest Pictures Gallery can be bigger, like here : http://www.benchrestgallery.com/ .


Also, if I define : Benchrest Pictures Gallery as H2 here : http://www.pbase.com/kaen or here : http://www.pbase.com/kaen/benchrest2004 then the font is smaller and the black background space is higher !!! ???

Sorry, but I´m NEWBE in CSS and also in english , so if somebody want to help (I can uderstand the language or a friend will translate for me), please with exactly examples for my CSS!!!

Otherwise I´m very-very happy with this CSS font from pBase


Thanks for help and regards
kaen

Hi,

I noticed that most of your headings have both a heading tag and a paragraph tag, for example

<h2><p align="center" style="color: #00FFFF" >Benchrest &nbsp; Pictures &nbsp; Gallery</p></h2>

I'm also quite new to CSS but I think this approach is a little unusual and may be making things more difficult for you. I would suggest deciding whether each element is really a heading or a paragraph and using the relevant tag. In the above example I would keep <h2> and get rid of <p>.

On your first point, you have defined "Benchmark Pictures Gallery" as H1, but as far as I can see you haven't specified a font size for H1 in your style sheet.

The CSS validator shows a few other errors...

h2:first-letter
{
color: #0000ff;
font-style: bold;
font-size: 26pt;

should be

h2:first-letter
{
color: #0000ff;
font-weight: bold;
font-size: 26pt;

Also,

backgound color: none;......... 'none' might not be suitable..??

There is no global font selected and brackets are missing. You might want to start all over again.

BTW, why select Times New Roman as font? It's ugly IMHO. You aren't using it in your other site.

This works

Code: Select all

<!-- BEGIN user desc -->
<center><h5>Benchrest &nbsp; Pictures &nbsp; Gallery</h5>
<h6><a href="http://www.pbase.com/kaen/supershoot2003">Click for Super Shoot 2003 PICTURES</h6>
<h6><a href="http://www.benchrestgallery.com">www.benchrestgallery.com</a></h6>
<h5 style="color: #FFFF00;font-size:15pt;">Up to 420 Shooters !!!</h5></center>
<!-- END user desc -->

and in ur css

Code: Select all

h5{font-size:26pt;}
h6{font-size:15pt;}

Hi,
and thank you very much for answers ... !!!

I will now try a few proposed things, but I have to prepaire me for my fly (in about 30 hours) to the worlds bigest competition for my hobby ..., so I promise you ( the first 3 answerers ) and also the next commings , to try ALL proposed solutions of my questions/problems after comming back, about the June 3rd.
Also, with your help, I have the possibility to learn a lot about HTML and CSS, and I wanted to say a "sincer Thank YOU".
I will apreciate this gest very much.
Regards
kaen

@ r53lanc
P.S.: What means : IMHO ???

@ r53lanc

I tried your suggest, but no changes on my galleries.

My CSS : kaen15 is a copy from :

http://www.pbase.com/stylesheets/alexc

with small modifications, and the original use this one :

h2:first-letter
{
color: #0000ff;
font-style: bold;
font-size: 26pt;


My CSS validator shows NO errors !!!

But my HTML validator A LOT, that means after my come back I have to work ... !!!

Thank you

##############

@ oochappan

I tried also your idea, you can see the result here :

http://www.benchrestgallery.com/supershoot2004.htm

(maybe without picture)

and that was ( and is ) my original :

http://www.pbase.com/kaen/supershoot2004

Results :
1) The sizes can´t changed, 2) I loose the possibility to have the 3 colors for both : link and www. and 3) the "color: #00ff00" don´t exist in : Up to 420 Shooters !!!

So, I will wait of your answers about what I mistaked :(:( or about other ideas.

Regards
kaen

see above ....codes updated

@ oochappan

Wuouuuuuuuu ...

Yes, exactly !

Now I changed this page :
http://www.pbase.com/kaen/supershoot2004
and
http://www.pbase.com/kaen/supershoot2003

and looks beautifull ..........

Thank you for your patience.

Regards
kaen