Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 14
  1. #1
    Member franklindeleon's Avatar
    Join Date
    Dec 2006
    Location
    Lynn, MA
    Posts
    71
    Member #
    14592
    Ok, I've been following everyone's advice, looking at some sites' code and trying to figure out how CSS works, if you have seen my other posts you will now I am new to CSS. Now i need some ideas, bellow you'll see the link where you can see what I came out with, please don;t be too hard on me since this is my first css site, I have been tempted to use tables but I am decided to not use them. So can you guys check it out and give some ideas.
    Thank you
    Franklin de Leon
    www.fdvisions.com

  2.  

  3. #2
    Senior Member Kayo's Avatar
    Join Date
    Dec 2006
    Location
    Brampton Ontario
    Posts
    416
    Member #
    14523
    Liked
    39 times
    As I always say. look at htmldog.com. it has css stuff too.

    here what you should look at
    Applying CSS
    Making Layouts with CSS
    Example Webpages

    htmldog.com has it all. you should look at their other tutorials.

  4. #3
    Member franklindeleon's Avatar
    Join Date
    Dec 2006
    Location
    Lynn, MA
    Posts
    71
    Member #
    14592
    Sorry I forgot about the link, here it is:
    www.fdvisions.com/test.html
    Franklin de Leon
    www.fdvisions.com

  5. #4
    Senior Member Kayo's Avatar
    Join Date
    Dec 2006
    Location
    Brampton Ontario
    Posts
    416
    Member #
    14523
    Liked
    39 times
    sorry. I miss understood.
    I looks nice. in you links section. You are using a DIV called Divider2, you don't need that. For text, I don't use DIVs, I use SPANs, and it has the same effect. for navigation, I use
    HTML Code:
    <ul>
     <li><a href="website 1">Website 1</a></li>
     <li><a href="website 2">Website 2</a></li>
     <li><a href="website 3">Website 3</a></li> 
    </ul>
    Its cleaner, and less code.

  6. #5
    Member franklindeleon's Avatar
    Join Date
    Dec 2006
    Location
    Lynn, MA
    Posts
    71
    Member #
    14592
    I'll try that I hope it works
    thanks Kayo
    Franklin de Leon
    www.fdvisions.com

  7. #6
    Member franklindeleon's Avatar
    Join Date
    Dec 2006
    Location
    Lynn, MA
    Posts
    71
    Member #
    14592
    hey man, what's the code I have to type in the stylesheet to make the span works using <ul> and <li>
    Thanks
    Franklin de Leon
    www.fdvisions.com

  8. #7
    Senior Member Kayo's Avatar
    Join Date
    Dec 2006
    Location
    Brampton Ontario
    Posts
    416
    Member #
    14523
    Liked
    39 times
    I made a quick and messy code. there are some bugs That I have to fix.
    HTML Code:
    <div id="navigation">
    <ul>
    <li><a href="#l">Web Design</a></li>
    <li><a href="#">Web Hosting</a></li>
    <li><a href="#">Bi-lingual Sites</a></li>
    <li><a href="#">Tutorials</a></li>
    <li><a href="#">Computer Repair</a></li>
    <li><a href="#">Copmuter Training</a></li>
    <li><a href="#">Web Links</a></li>
    </ul>
    <div id="box1">
    asdas
    
    </div>
    <p class="box1">
    <img src="hosting23.jpg" style="border:1px solid black">
    afasfsafsa
    </p>
    </div>
    Code:
    #navigation
    {
    width:130px;
    float:left;
    height:18px;
    background: #020093;
    margin-bottom:1px;
    }
    
    #navigation li{
        height:25px;
        border: 1px solid #999;
    }
    
    #navigation ul{
        list-style: none;
        margin: 0;
        padding: 0;
        height: auto;
    }
    
    #navigation ul a{
        color: white;
    text-decoration: none;
        display: block;
        background: #020093;
        padding: 0 0.5em;
    }
    Remember, I made this quickly, so there are some bugs. but I hope it gives you an idea of what I am trying to say. Hope you find this useful :classic:

  9. #8
    Member franklindeleon's Avatar
    Join Date
    Dec 2006
    Location
    Lynn, MA
    Posts
    71
    Member #
    14592
    thanks a bunch for your help, I'll work on it
    Franklin de Leon
    www.fdvisions.com

  10. #9
    Senior Member Kayo's Avatar
    Join Date
    Dec 2006
    Location
    Brampton Ontario
    Posts
    416
    Member #
    14523
    Liked
    39 times
    I glad that you appreciate my help :classic:

  11. #10
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    I really like the site for a first attempt at css, It does look rather attractive. The only problems i noticed were you have the site scrolling horizontally, this is something that from my experience should be avoided. The second thing is the footer, is really far from the content, this is causing white space to appear and making people scroll for no real reason
    Thee Pyro Wolf


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:51 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com