SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    First time using XHTML template..need a bit of help

    Hey,
    Using a XHTML coded template and I don't have a clue how the coding is done in this.

    There are two pages from the designer, the index and subpage.
    Both have their own CSS files.

    You can see the subpage here:
    http://ladyshamrock.com/subpage.html

    The content and content2 images are both defined in the CSS.
    Here is the code from the HTML:

    <h1 id="content" title="content"><span>Content</span></h1>
    <h1 id="content2" title="content2"><span>Content 2</span></h1>

    The CSS defines the image used for the content area.

    Do I have to either add a new section for each subpage to have a new image for each title or have a seperate CSS for each subpage?

    I can't work out how this is coded. I haven't used coding like it before.

    Thanks
    John
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information

  2. #2
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That template has some use of FIR, which makes the content inaccessible when images are turned off (but CSS still on) or to assistive technologies such as screen readers.

    When I use image replacement I normally use an empty SPAN before the text and position it so that it overlappes the text rather than to hide the text completely. That way the text is still accessible in the above mentioned situations.

    However, it looks like you could achieve the same effect without images by using a font that looks fairly the same, text-transform:uppercase, and a border-top. Then the text will scale nicely aswell.
    Simon Pieters

  3. #3
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey,
    The thing is the actual image that has the text content is the one image.
    That image is defined in the CSS/XHTML.
    Should I just remove the text and use it as a background and put in the text myself?
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information

  4. #4
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey,
    The thing is the actual image that has the text content is the one image.
    That image is defined in the CSS/XHTML.
    Yes I know.
    Should I just remove the text and use it as a background and put in the text myself?
    I would do it something like this:
    HTML Code:
    <h2>Content</h2>
    Code:
    h2 { font:130%/1.5 "Trebuchet ms", sans-serif; letter-spacing:.1em; text-transform:uppercase; background:#5AAE3D; color:white; border-top:.5em solid #42882D; padding-left:5%; }
    HTH
    Simon Pieters

  5. #5
    SitePoint Evangelist John D's Avatar
    Join Date
    Jun 2003
    Location
    Derry, Ireland
    Posts
    426
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Grr I really need to start learning these.
    Most I know is the basic HTML

    Would you like to earn a few $ by doing this for me?
    Really don't know how to do it.

    The image that says content actually has the word on the image, so I would have to delete that wouldn't I?
    CanaryHotspot.com - Canary Island forum and information
    InternationalChatForum.com - International Travel Chat Forum and information


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •