Grow your CSS skills. Land your dream job.

Putting It Together

  • # December 21, 2009 at 5:46 pm

    Yep looks a lot better now, did you figure out what your going to do with the background yet?

    # December 21, 2009 at 7:42 pm

    you mean how it doesn’t match ?

    I don’t know how to fix that ? :(

    # December 21, 2009 at 9:46 pm

    do what I did here, but with a bigger sample of the pattern so it doesnt look so choppy,
    http://www.webbeginner.net/help

    # December 22, 2009 at 8:44 pm

    Hi Darren

    Thank You the background looks better now. :)

    Now I am trying to get the middle section sorted out. I’ll have two text boxes with a separator in the middle. I have one box and now I am trying to get the separator graphic in the middle (just after the text of the middle section).

    I hope you can see the separator graphic on the left ! little white line.

    How do I get it to show next to text of the middle section (id cmidleft).

    Thanks

    # December 22, 2009 at 8:56 pm

    I thinkk this is what you have in mind

    Code:
    .separator {
    margin-left:400px;
    margin-top:-123px;
    # December 22, 2009 at 10:00 pm

    Thank You Darren

    I don’t know why I didn’t think of using Negative Margins. I was thinking I’d have to do display: block !! lol so that I could get the 3 divs to be like blocks next to each other all on the same height !

    Would that work by the way ?

    Ohh and have I done it all right for that particular section ?

    Thanks :)

    # December 22, 2009 at 10:13 pm

    You want 3 text sections for that middle section, going by your psd it looks perfect to me

    # December 22, 2009 at 10:20 pm

    It is only 2 text section for that middle bit .. but yes I agree it looks perfect to me as well :D

    I was just wondering whether it could be done in that method I had in mind.

    By the way .. It only looks perfect because of YOU :D Thank You So Much.

    Now going to move down to the bottom section.

    # December 22, 2009 at 10:44 pm

    Im not sure bud, im also a newbie only a couple of months experience..As you probably noticed Im looking for help on here. Helping you seems to pass the time while waiting for my own help haha.

    # December 23, 2009 at 8:12 am

    Hi again

    How would I go about achieving the following:

    [img]http://i50.tinypic.com/2mq69ab.png[/img]

    Would it be like a list thing ? like I did with the Navigation ?

    Thanks

    # December 23, 2009 at 9:02 am

    I would say for that I would put them in an unordered list. then set the padding for ul,li and display:inline; this should work

    # December 23, 2009 at 6:48 pm

    Thanks Darren you were right it works like a charm :) Thank You.

    Now that a person gets the whole layout coded .. where does one go from here ?

    Do you just create a new page and link it to the same style sheet ? Or do you use Dreamweaver Templates ?

    What is the best way to go from here for getting the other pages of the site done ?

    Thanks :)

    # December 23, 2009 at 7:13 pm

    Depends what you want to do, for your other pages do you want the three rows or do you just want two, depends how you want the rest of the pages to look.
    If they are the same as the home page you can just copy all the code and add different text and rename it

    # December 23, 2009 at 7:26 pm

    A couple of pages will be the same .. and a couple would be different.

    For those that are different .. do I copy my CSS to a different style sheet and them rename it and edit as I need.

    Or do I add the things to the same CSS style sheet (i.e. just have 1 for all) ?

    Which is the best way to go ?

    Thanks

    # December 23, 2009 at 9:36 pm

    Its up to you really if the other pages are very similar it would be better to use the same style sheet, but if they are way different use a new one

Viewing 15 posts - 16 through 30 (of 34 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".