SitePoint Sponsor

User Tag List

Results 1 to 16 of 16
  1. #1
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Basic CSS Question: Layout vs. Content

    Heya,

    I'm just starting with this website design in CSS and it looks pretty nice.

    But there is one basic thing I can't figure out.
    I understand you make the layout in a style sheet. But where do you put the text you want in certain cells, is the also in the style sheet or in the html page? And how?

    Somehow I don't really find that stuff in tutorials or on listapart.com.

    Hope someone can help!

    Oh, and while I'm at it... what does this "@import" command mean??

    Thx!

    |grZ|~!
    That's all folks...

  2. #2
    Drupaler bronze trophy greg.harvey's Avatar
    Join Date
    Jul 2002
    Location
    London, UK
    Posts
    3,258
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Put your text in the HTML as you would normally. CSS only styles ordinary HTML elements.

    http://www.w3.org/TR/REC-CSS2/cascade.html#at-import -- Google is a wonderful thing!

  3. #3
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thx Greg,

    but about that putting my text in... Once I attach the style sheet, the outlay doesnt seem to appear in my WYSIWYG editor (Dreamweaver)...

    So how could I see what to write where?

    Thx again,

    |grZ|~!
    That's all folks...

  4. #4
    chown linux:users\ /world Hartmann's Avatar
    Join Date
    Aug 2000
    Location
    Houston, TX, USA
    Posts
    6,455
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tyhe
    Thx Greg,

    but about that putting my text in... Once I attach the style sheet, the outlay doesnt seem to appear in my WYSIWYG editor (Dreamweaver)...

    So how could I see what to write where?

    Thx again,

    |grZ|~!
    You basically just have to know your stuff

    There is a very cool extension for Mozilla Firebird that outlines block level elements so that you can see where they are without any content.

  5. #5
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So without that I'm just guessing??

    Thx,

    |grZ|~!
    That's all folks...

  6. #6
    chown linux:users\ /world Hartmann's Avatar
    Join Date
    Aug 2000
    Location
    Houston, TX, USA
    Posts
    6,455
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tyhe
    So without that I'm just guessing??

    Thx,

    |grZ|~!
    Well no, what you could do is put 1px borders on all of your content area classes and then view it in your browser. You would then be able to see where your content is going... Then when you have it all done just take the borders off.

  7. #7
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thx man, very smart option indeed!
    But it still surprises me, because after reading article after article and glancing at tutorial after tutorial (yes, glancing ) I never read anything about this...

    I thought since this was the "new hot thing" that it would be supported by Dreamweaver or what not..

    but thx a bunch...
    although I'm not gonna be able to design in CSS as quickly as I had anticipated (wanted to finish my first all CSS site this weekend (LAST WEEKEND, yeah, I know) but thus far I am more lost than the week before...

    Thx all.

    |grZ|~!
    That's all folks...

  8. #8
    SitePoint Enthusiast
    Join Date
    Sep 2003
    Location
    Singapore
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are using DW 4 or below, expect to see less...
    MX might present it to you better.

  9. #9
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So how do all these hotshot css designers do it?
    All by hand?
    Or the one-pix border like Hartmann suggested??

    Thx for all the replies!

    |grZ|~!
    That's all folks...

  10. #10
    chown linux:users\ /world Hartmann's Avatar
    Join Date
    Aug 2000
    Location
    Houston, TX, USA
    Posts
    6,455
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tyhe
    So how do all these hotshot css designers do it?
    All by hand?
    Or the one-pix border like Hartmann suggested??

    Thx for all the replies!

    |grZ|~!
    As far as I know it is all by hand... I have heard things from people on this board that Dreamweaver 2004 has a lot better support for CSS, I am not 100% on that though because I only have DW MX.

  11. #11
    Drupaler bronze trophy greg.harvey's Avatar
    Join Date
    Jul 2002
    Location
    London, UK
    Posts
    3,258
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    MX isn't too bad. If you want to get clever you have to start hard-coding stuff, but for basic to intermediate positioning and styling MX is absolutely fine, IMHO.

  12. #12
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    grr..

    I have left hand coding to what it was 4 years ago... and now they come up with this new technique and it looks like I still have to commit to that..

    Well I want to thank you all for your help, and I guess I'll have to learn hand coding well, before switching to an all CSS-design.

    Thanks all!

    |grZ|~!
    That's all folks...

  13. #13
    SitePoint Addict
    Join Date
    Sep 2003
    Location
    Europe
    Posts
    222
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I code by hand. Save often and view in a decent browser (read: Firebird). I wouldn't want it any other way.

  14. #14
    SitePoint Wizard dethfire's Avatar
    Join Date
    Aug 2000
    Posts
    2,477
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    dw mx 2004 is god for css and this is coming from someone who hates website programs
    Free Science Homework Help
    http://www.physicsforums.com

  15. #15
    SitePoint Addict Scud's Avatar
    Join Date
    Jan 2002
    Location
    Los Angeles
    Posts
    222
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Set up your content in a simple flat unformated (or minimal) page, give its content heading like LeftCol, RightCol, CenterContent, MenuLeftTop, etc... and then create the styles for them and place them one at a time.

  16. #16
    Tenacious T Tyhe's Avatar
    Join Date
    May 2001
    Location
    Hilversum
    Posts
    651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thx scud!
    Good tip!

    |grZ|~!
    That's all folks...


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
  •