SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Member moe_nyc's Avatar
    Join Date
    May 2008
    Location
    new york
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Adding a Banner in CSS

    Hello to everyone and I hope everyone is staying cool.

    I was hoping someone can help me or lead me in the right direction.

    I am very new to css.

    I am creating a webpage from the floor up and I had created a banner in photoshop. I would like to place that banner to the top of my css file. or in the case index.html. How would I go about doing that. I would post the site but there is nothing to post.

  2. #2
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by moe_nyc View Post
    I would post the site but there is nothing to post.
    Bit hard to help you then. How about you make a start at least with some code and then post back?

  3. #3
    SitePoint Member moe_nyc's Avatar
    Join Date
    May 2008
    Location
    new york
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That makes sense, here you go.


    <title>Test</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <link href="test.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header">
    <!----End of Header--->
    <div id="banner"><img src="/Users/mobetta/QI DAY SPA/images/images/QIDAYSPBANNER.gif"
    width="759" height="120" alt="banner" />
    </div>
    </div>

    Here is the CSS for test

    /*
    CSS FOR TEST.css site
    */

    body {
    font-family: Verdana, Helvetica, Arail, sans-serif;
    background-color: #000000;
    padding: 15px;
    line-height: 125&#37;;
    }

    #banner {
    margin-bottom: 0px;
    text-align: center;
    background-color: ;
    }

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Seems reasonable enough so far except you don't need margin-bottom on #banner as divs don't have any margins by default. You could also do with some more descriptive alt text other than 'banner'.
    So is there a problem with this so far?

  5. #5
    SitePoint Member moe_nyc's Avatar
    Join Date
    May 2008
    Location
    new york
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank for taking the time to help. As I will be posting more help question. I must crawl before I can walk with web design.


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
  •