Made my first CSS design - Need suggestions

Discussion in 'HTML & Website Design' started by muthukswamy, Sep 1, 2007.

  1. #1
    I started learning CSS a week ago. Today I made my first design. You can see it here:

    http://muthuswamy.in/portfolio/1

    Please give some suggestions to increase my abilities.
     
    muthukswamy, Sep 1, 2007 IP
  2. hmpargi

    hmpargi Active Member

    Messages:
    1,019
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    90
    #2
    very giid muthu keep it up
     
    hmpargi, Sep 1, 2007 IP
  3. bobby9101

    bobby9101 Peon

    Messages:
    3,292
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Looks great, just be careful with using alpha transparency, IE<6 can't support it
     
    bobby9101, Sep 1, 2007 IP
  4. Notting

    Notting Notable Member

    Messages:
    3,210
    Likes Received:
    335
    Best Answers:
    0
    Trophy Points:
    280
    #4
    Notting, Sep 1, 2007 IP
  5. ariyes

    ariyes Notable Member

    Messages:
    1,123
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    245
    #5
    Everything is good but need more color concept development.

    There are tow error in your CSS check it out

    #container Property -moz-opacity doesn't exist : 0.8

    #container {
    width : 780px;
    margin : auto;
    background : #000009;
    padding : 15px;
    margin-top : 20px;
    margin-bottom : 20px;
    }

    Same colors for color and background-color in two contexts h3 and #top-right dt a

    h3 {
    text-align : center;
    background : #000000;
    color : #ffffff;
    margin : 0;
    padding : 3px;
    }

    #top-right {
    margin-left : 25px;
    background-color : #93c400;
    }
     
    ariyes, Sep 1, 2007 IP
  6. tushardhoot1

    tushardhoot1 Active Member

    Messages:
    3,013
    Likes Received:
    96
    Best Answers:
    0
    Trophy Points:
    90
    #6
    NICE!

    I wish I could code CSS like that!
     
    tushardhoot1, Sep 1, 2007 IP
  7. muthukswamy

    muthukswamy Active Member

    Messages:
    676
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    60
    #7

    Was looking at it just now.


    The first error is -moz-opacity. Its just for Mozilla and the original "opacity" tag is not yet implemented in many browsers.

    The second error may be deu to lowercase letters, that can be corrected.
     
    muthukswamy, Sep 1, 2007 IP
  8. bryandy

    bryandy Peon

    Messages:
    774
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #8
    look good so far, nice choice in colors :)
     
    bryandy, Sep 1, 2007 IP
  9. Philopoemen

    Philopoemen Peon

    Messages:
    704
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #9
    The code looks pretty clean, good job.
    P.S. not gonna comment the design, cause i'm sure it's a dud? :)
     
    Philopoemen, Sep 1, 2007 IP
  10. math20

    math20 Peon

    Messages:
    1,562
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I like it, but instead of the criss-cross pattern at the top I would use a gradient.
     
    math20, Sep 1, 2007 IP
  11. muthukswamy

    muthukswamy Active Member

    Messages:
    676
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    60
    #11
    Thanks everyone,

    I am sure I will develop my abilities and make my next design very soon.

    By the way it took me around 5-6 hours to develop this simple design, I should concentrate on my speed so that I can get into some competitions going around near my place.
     
    muthukswamy, Sep 1, 2007 IP