Announcement

Collapse
No announcement yet.

CSS questions

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    CSS questions

    Hi all,

    If i want this word to turn frm this "Fabric" to "F a b r i c" using CSS-style. What is the style type. i tried but i didnt get it to work.

    .spacing{
    list-style-type: letter-spacing: 4pt;}

    Anyone knows whats the solution?

    Best Regards,
    Swee
    Http://www.hst.com.sg
    Tags: None
    #2
    Kerning

    Hi Swee

    Kerning is the spacing between letters. Adjust your kerning for headlines, subheadings or other special effects.

    Kerning example: Letter spacing 4px

    HTML Code:
    <span style="font-size:smaller;font-family:verdana;letter-spacing:4px;color:#003399;">Your Text goes here</span>

    Hope this helps

    Bensaro

    Comment

      #3
      Hi Bensaro,

      I am referring to the CSS style. I still can't work. Is this way correct:
      .spacing{
      kerning: 4pt;}

      <span class="spacing">TEXT</span>
      But my result doesnt give "T E X T". Something is wrong some where..please guide. Thanks

      or is the property name wrong. i have checked this website says "text-spacing" Or does actinic has a different property name?

      http://www.htmldog.com/guides/cssbeginner/text/



      With Regards,
      Swee
      Http://www.hst.com.sg

      Comment

        #4
        Hi,

        Its Solved! but i want to use CSS. How can i used it with CSS?

        Now i do it like:

        <span style="letter-spacing:4px;">TEXT</span>
        Output is: T E X T

        Let say i want it to be using CSS, what can i do?

        with Regards,
        Sweee
        Http://www.hst.com.sg

        Comment

          #5
          Alex's solution is using CSS, it's just that it isn't using an external CSS file. A style="...." tag within a <span> tag is perfectly valid CSS.

          If the solution given works, then just go with it.

          Comment

            #6
            More CSS

            Swee

            Depending on whether or not you are using the style within an Actinic environment the following info should help clarify the situation.

            1. Assume you are using within the Actinic environment:

            Locate and open the style sheet actinic.css. Tip: you can use notepad for this.

            Move to the bottom of the file i.e. after the last entry and type a comment e.g.
            /** Custom Styles **/
            create a new class called "spacing" followed by a space and the curly open brace '{'
            e.g.
            .spacing {

            type the following:

            font-size:smaller;
            font-family:verdana;
            letter-spacing:4px;
            color:#003399;

            and close with a curly close brace '}'

            your work should now look like this:
            HTML Code:
            /** Custom Styles **/
.spacing {
font-size:smaller;
font-family:verdana;
letter-spacing:4px;
color:#003399;
}
            Save the file as "actinic.css" and close it.
            Modify your markup as required e.g.

            <p class="spacing">some text here</p>

            save the HTML and then

            Upload send the complete catalog to the server using Actinic.

            2. Assume you are using external to Actinic environment
            i.e you may have your own HTML outside of the catalog environment.

            Here you have three options:

            a. You may use an external style sheet as in the previous example but you would be advised to name it something other than "actinic.css".
            b. You can setup an internal stylesheet within a specific HTML document.
            c. You can use inline styles.

            As option a and c have already been discussed, let us deal with option b. Internal Style Sheet;

            Locate the <head></head> tags at the top of the document. (assuming you have no styles already set-up). Just before the closing </head>, enter the following:

            <style type="text/css">
            <!--
            .spacing {
            font-size:smaller;
            font-family:verdana;
            letter-spacing:4px;
            color:#003399;
            }
            -->
            </style>

            You may now use the class spacing to render any text within your markup e.g.;

            <p class="spacing">some text here</p>
            <span class="spacing">some text here</p>
            <h1 class="spacing">Some text here"</p>
            <td class="spacing">Some text here"</p>

            Final words on option a.

            Assuming you have created a new, external style sheet you must reference its location within your markup. To do this:

            Locate the <head></head> tags at the top of the document. (assuming you have no styles already set-up). Just before the closing </head>, enter the following:

            <link rel="stylesheet" type="text/css" href="path/mystyles.css">

            where path is the location of you stylesheet and mystyles.css is the name of the stylesheet.


            This is by no means an exhaustive deliberation - there are many tweaks and methods open to you within the wonderful world of CSS. I hope you have enough info here to whet your appetite and set you on the road to becoming a CSS guru.

            Best regards

            Alex

            Comment

              #7
              Wow!

              THanks ALoT!
              Http://www.hst.com.sg

              Comment

              Previous template Next
              Working...
              X