PDA

View Full Version : Why doesn't font size work?

Pete291
Feb-26-2008, 10:25 AM
I put CSS header code into www.pdphoto.smugmug.com (http://www.pdphoto.smugmug.com) but when I try to make the font size bigger it does not work. Why? Changing letter spacing works, why not font size?

Thanks

Pete
Allen
Feb-26-2008, 11:51 AM
I put CSS header code into www.pdphoto.smugmug.com (http://www.pdphoto.smugmug.com) but when I try to make the font size bigger it does not work. Why? Changing letter spacing works, why not font size?

Thanks

Pete
Try this.

#my_header {
font-family: Georgia, Comic Sans MS, verdana;
background-color: #000000;
color: #ffffff;
word-spacing: 0.6em;
text-align: center;
letter-spacing: -1px;
font-size: 300%;
margin: 5px;
}

Change this in your header. Youi have an unclosed div also for center.

<div align="center">
<div id="my_header">
<h3>Peter DeCamp's Photography of Place</h3>
</div>

to this

<div id="my_header">
Peter DeCamp's Photography of Place
</div>
Pete291
Feb-26-2008, 12:03 PM
Thanks, Allen, that works.

Pete
Pete291
Feb-26-2008, 12:22 PM
Try this.

#my_header {
font-family: Georgia, Comic Sans MS, verdana;
background-color: #000000;
color: #ffffff;
word-spacing: 0.6em;
text-align: center;
letter-spacing: -1px;
font-size: 300%;
margin: 5px;
}

Change this in your header. Youi have an unclosed div also for center.


<div align="center">
<div id="my_header">
<h3>Peter DeCamp's Photography of Place</h3>
</div>

to this

<div id="my_header">
Peter DeCamp's Photography of Place
</div>

Let me ask one more question today. On my website, www.pdphoto.smugmug.com (http://www.pdphoto.smugmug.com/), I want my banner, located on the left, to align with the top of the page ~ it would be on the same line as the header.

Does that create a conflict? I still want the header to center in any browser window, but the banner should be on that line too, aligned to the left.

Any thoughts?

Thanks

Pete
Allen
Feb-26-2008, 12:30 PM
Let me ask one more question today. On my website, www.pdphoto.smugmug.com (http://www.pdphoto.smugmug.com/), I want my banner, located on the left, to align with the top of the page ~ it would be on the same line as the header.

Does that create a conflict? I still want the header to center in any browser window, but the banner should be on that line too, aligned to the left.

Any thoughts?

Thanks

Pete
Went back in and somehow my keyboard is disable when editing your html.
So left. Don't know whether the music is doing it because I deleted that div
but something funny going on.
Pete291
Feb-26-2008, 12:48 PM
Went back in and somehow my keyboard is disable when editing your html.
So left. Don't know whether the music is doing it because I deleted that div
but something funny going on.

Allen

Everything looks and works OK. Any ideas about aligning my banner to the top along with the header?

Thanks.

Pete