Word spacing using CSS

  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

Hi
I'm trying to learn page layout using css. This is my first attempt and I have hit a glitch.
I used word-spacing: 40; to space the menu's words apart as I wanted but, of course, it spaces out all of them and I want the words ABOUT ME kept closer together, treated as one word.
My code is below

Code: [ Select ]
<table width="980" height="116" border="0" cellpadding="25" type="text/css" style="background-color: black; font-family:= Arial, sans-serif; font-size: 11pt; color: #C7CBBC;" >
<tr>
<td type="text/css" style="vertical-align: top; text-align: left; word-spacing: 40;">
HOME PROPS DESIGN MISC CONTACT ABOUT ME
</td>
</tr>
</table>
  1. <table width="980" height="116" border="0" cellpadding="25" type="text/css" style="background-color: black; font-family:= Arial, sans-serif; font-size: 11pt; color: #C7CBBC;" >
  2. <tr>
  3. <td type="text/css" style="vertical-align: top; text-align: left; word-spacing: 40;">
  4. HOME PROPS DESIGN MISC CONTACT ABOUT ME
  5. </td>
  6. </tr>
  7. </table>


Any suggestions about how to do it?
Thanks.

Regards,
Cerio
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

add a span around the words you want to keep and set the span's word spacing back to normal
  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

Perfect, thank you.
So much to learn. Thank heavens for this forum and all its helpful people!

Regards,
Ceri
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

cerio wrote:
Perfect, thank you.
So much to learn. Thank heavens for this forum and all its helpful people!

Regards,
Ceri

you're absolutely right ... this forum is amazing.
  • RosieJanette
  • Born
  • Born
  • RosieJanette
  • Posts: 4

Post 3+ Months Ago

Other values you can use are: px (for pixels), pt (for points), cm (for centimetres). But "em" is generally recommended to address text-resizing, especially in Internet Explorer 6 and below.

Additionally, you may also be interested in using the "line-height" property to specify spacing between lines of text within a container.
  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

Thanks. I found some examples of them in little online guides here and there, so am playing with those to check them out.

I've always used Dreamweaver and Fireworks to make web pages, just tweaking the code here and there but I realy need to learn how to do an entire page layout using just html code and css, so I'm filling in some of the big gaps in my knowledge of them. I don't have a lot of time to commit to it, so may take me a while, but I've now, at least, got started.

Thanks for the help.

Cerio

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 65 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.