Html Question

Discussion in 'Gaming' started by Whits, Dec 27, 2005.

  1. Whits

    Whits Well-Known Member

    Posts:
    467
    Likes Received:
    0
    Joined:
    May 10, 2004
    Location:
    Berkley, Michigan
    I'm having a lot of trouble finding the right text sizes in Dreamweaver MX.

    Right now as I flip between the Photoshop, where I have designed and sliced the layout, and Dreamweaver, where I'm in the process of my first coding work, I can't match them.

    In Photoshop, the font is tahoma, text size is 8pt. (Resolution 96.012)

    In Dreamweaver, I can't seem to match it. Same font, same size. Since none of the 1,2,3,4,5,6,7,+1,+2, etc. seem to match it, I have tried this:

    Code:
    <html>
    <head>
    <style type="text/css"> h8 <font-size:8px;> </style>
    
    And wrapped the text in <h8>'s but it still doesn't match!

    These are pics of the sizes:

    Dreamweaver: [​IMG]

    Photoshop: [​IMG]

    Those were the only 2 sizes close to the one in photoshop, but one was bigger and one was smaller.

    This is my first time writing code, is it even possible to match them?

    Thanks,
    Whits
     
  2. Whits

    Whits Well-Known Member

    Posts:
    467
    Likes Received:
    0
    Joined:
    May 10, 2004
    Location:
    Berkley, Michigan
    Problem solved on another forum, this can be closed.
     
  3. Equivalent Exchange

    Equivalent Exchange Well-Known Member

    Posts:
    1,466
    Likes Received:
    0
    Joined:
    Nov 9, 2005
    okay, here we go.

    First, becuase of your wierd resolution, it will be impossible to perfectly match the text size using html, but we can get it pretty damn close.

    For the CSS...

    Code:
    <style type="text/css">
    <!--
    .text {
    	font-family: tahoma;
    	font-size: 10px;
    }
    -->
    </style>
    Then, where you want your text, have

    Code:
    <div class="text">Your Text here</div>
    And that'll do it :)

    Edit: ah jeez...
     

Share This Page