1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

First attempt at xhtml/css

Discussion in 'HTML & Website Design' started by lolage, Jul 17, 2011.

0
  1. #1
    Hey

    This is my first go at coding, created a design in photoshop and now I am trying to convert it to xhtml/css!

    Here is what the actual website should look like when finished. http://dl.dropbox.com/u/11365869/dakka/website/v1.8.png

    Below is how far I have got so far:

    Website: DAKKA

    CSS: http://dl.dropbox.com/u/11365869/dakka/This_is_what_I_mean_Icecream/style.css

    Are there any issues so far? The only thing I seem to be stuck on now is sorting out the fonts properly - and making the background for the content area. I'm not actually sure I have sliced it properly. Here are the sliced images: http://dl.dropbox.com/u/11365869/dakka/website/slicedimages.rar

    Any help would be appriciated! Thanks!
     
    lolage, Jul 17, 2011 IP
  2. Divisive Cottonwood

    Divisive Cottonwood Peon

    Messages:
    1,674
    Likes Received:
    35
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You don't need to use this 
    margin-bottom: auto;
    Code (markup):
    lolage
     
    Divisive Cottonwood, Jul 17, 2011 IP
  3. 3dy.ro

    3dy.ro Member

    Messages:
    100
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    45
    #3
    It's pretty good, but:
    • You didn't add the background for page's content (the one which can be seen in your screenshot).
    • You added the navigation bar as a single image. You should add each button as an image instead.
    • The font for your "Hello" heading is Times, the default... doesn't look like the one in your screenshot.

    A few tweaks and it'll be all good.
     
    3dy.ro, Jul 17, 2011 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    This is not even remotely XHTML.
     
    drhowarddrfine, Jul 17, 2011 IP
  5. lolage

    lolage Active Member

    Messages:
    1,129
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #5
    hmm, thanks for the feedback!

    I have made a few revisions - mostly around the navigation bar!

    http://dl.dropbox.com/u/11365869/dakka/html/index.html

    Only thing I'm stuck with now is so that the index page will have the homepage as red! Its becoming tricky as its using CSS for the majority of the navigation bar.
     
    lolage, Jul 17, 2011 IP
  6. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #6
    Nice try but there are a lot better and optimized way to get a webpage done. Hope you are following some tutorials to learn HTML/CSS.
     
    radiant_luv, Jul 17, 2011 IP
  7. developerpanda

    developerpanda Peon

    Messages:
    104
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I see you're getting better. You won't need the DIV inside <li> of the navigation bar. Add those classes to <li>s instead.

    Plus the title background can be a CSS background image on a <h1> or similar tag.
     
    developerpanda, Jul 18, 2011 IP