SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Member
    Join Date
    Feb 2012
    Location
    Bangalore
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Div tags are most important for web designing...

    Hi there,
    I'm a fresher for web designing, I want to know to designing web pages in html with div tag and also css stylesheet..

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Your question is not very clear, but here is a basic setup:

    Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Mice Ite</title>
      <link rel="stylesheet" media="screen,projection,tv" href="mystyles.css">
    </head>
    <body>
    
    <div>
      <p>Weee!</p>
    </div>	
    
    </body>
    </html>
    In red, you see link to CSS file. In blue, you see div.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Enthusiast ianhales's Avatar
    Join Date
    Apr 2003
    Location
    UK
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The idea with XHTML/CSS is to keep structure separate from presentation.

    By that I mean, your XHTML builds the structure of the site, and should have semantic meaning. As part of this you can divide up sections of your page using <div>'s.

    Your CSS should dictate the presentation, that is - how the site looks. You can define positioning, font-formatting, colours, etc. CSS should be kept in a .css file, separate from XHTML wherever possible.
    Inhale Design Freelance webdesign and programming

    Follow us on Twitter!

  4. #4
    SitePoint Member
    Join Date
    Feb 2012
    Location
    Bangalore
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In header i need to position,
    first, an image on the left side width 100px and height 100px
    second space of width 380px height 50px,
    third menu, it should be in top right side of header its width should be 480px and height 50px,
    and the last i need to write some text below space and menu and that should the width 860px and height 50px.

    Can any body tel the code for css and for html also..

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'm strongly against straight up giving all the code if you haven't even attempted it, however... I'll pseudo code it for you.

    The HTML should be as followed (CSS for those elements is in the brackets. For this example I just put the <img>'s in the HTML)

    HEADER
    -image (float:left width/height set)
    -space (whatever that is??? Float left, width/height set
    -menu (float right, width/height)
    -text (clear:both, width/height)
    END HEADER

    Note, I only said to set heights here because I have *no idea* what you are laying your site out as.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  6. #6
    SitePoint Member
    Join Date
    Feb 2012
    Location
    Bangalore
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your help i'm going to try this..

  7. #7
    SitePoint Member
    Join Date
    Feb 2012
    Location
    Bangalore
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is there any other suggestion for this.??

  8. #8
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,088
    Mentioned
    256 Post(s)
    Tagged
    5 Thread(s)
    Why do you need another suggestion? Did you try RyanReese's code and run into a problem? If so, then show us the exact code you're using - HTML and CSS - and explain your problem with it.
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!

  9. #9
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    I think you're problem is that you don't know CSS and HTML - most likely (from what I can tell), you're trying to pick up CSS after coming from a table layout (thank goodness!).

    If so, then I would recommend reading the book Build Your Own Site The Right Way Using HTML and CSS. It's a fantastic book that will help you out to start from scratch.

    ~TehYoyo

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Thread Closed


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
  •