Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2014
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Getting it right from the start - CSS advice

    Hi there, as will be abundantly clear I am very new to coding. I have a website www.traditional-cleaning-co.uk which will eventually have a very large number of individual area pages. My question is how do I set up the CSS as a template so that I can set up a page with set areas for text and placeholders for images. I started creating styles such as the one below ...

    .minimized-header-newcastle {
    position: relative;
    text-align: center;
    padding: 10px 0px 150px 0px;
    background: url('../graphics/domestic-cleaning-in-newcastle.jpg') center center no-repeat;
    color: #ffffff;
    }
    .minimized-header-newcastle {
    height: 400px
    }

    ... for each page but thought that doesn't really make any sense as I also want other elements on the page to conform to a set layout (like for example a set righthand image which I want to appear in exactly the same place like this North Shields House Cleaners | Full Domestic & Commercial Cleaning Services |The Traditional Cleaning Company) on each page - just a different image/alt tag etc. HOw do I set up a style sheet to act as a template so I can just drop things in?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,915
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    I think what you’re looking for is “object oriented CSS”.

  • #3
    New to the CF scene
    Join Date
    May 2014
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    I think what you’re looking for is “object oriented CSS”.
    Great thanks for that


  •  

    Tags for this Thread

    Posting Permissions

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