comple html newbie

Creamy Goodness

alright i'm designing a "currently under construction page for a company i work with, i'm a total html newbie.

i have the design layed out, basically it's a fairly simple

280x140 logo

line of text (their slogan)

line of text (this website is currently under construction yadda yadda).


now what i'd like to do is to code it in such a way that no matter what browser you use or what resolution you have that the logo and the lines of text appear in the dead centre of the screen.

what i was thinking was having a simple table set up, with a height of 100% and a width of 100% then centre the logo and text.

that is all good until i come to doing it.

this is what i have

<table width="100%" height="100%"  border="0" cellpadding="0">
          <td align="center" valign="middle"><img src="images/logo.jpg">          <br>

now this centres it fine but doesn't centre it vertically if you know what i mean (it places it in the centre of the page but at the top of the page).

any help appreciated.

Seth Brundle

try CSS
http://www.w3schools.com/css/pr_pos_vertical-align.asp

<table width="100%" height="100%" border="0" cellpadding="0" style="vertical-align:middle">
  <td align="center">
<img src="images/logo.jpg"> <br>

Creamy Goodness

thank you so much it worked a treat, and i'll be sure to read up on that page too, i searched w3schools but obiviously not hard enough

another quick question, the company would like their slogan in the "Copperplate Gothic Bold" as it ties in with brochures and various other stationery.

is this a pretty standard font (ie. come with windows) or do i have to include it in the webpage and if i have to include with the webpage how do i go about doing that.

i know i could incorporate the slogan into the logo image but i'd prefer to keep loading times to a minimum (shouldn't really matter but it's nice to keep things small in file size)

Seth Brundle

With abstract fonts you are generally better off using the font within an image. This way everyone can see the effect.
However, this is not feasable if the entire page text is to use it as many folk will not have it installed and therefore will see your alternative choices or the system default

Creamy Goodness

yeh i was thinking that was the way to do it.

i got it sorted now, thanks for your help, i even brushed up on a little html and css whilst browsing w3schools

Seth Brundle

Cremo wrote:

i even brushed up on a little html and css whilst browsing w3schools

Every day is a school day!

Creamy Goodness

god with my current work position (web designer/computer advisor/computer maintaince/server maintaince and warehouse operations and logistics) i wish i was back in school.