Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18

Thread: Need you help

  1. #1
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Need you help

    can someone look at my website and let me know how i can make improvements?

    if you load up the code... you will see its very simple...

    i just want to jazz it up a bit more... im open to suggestions... let me know what you think?
    Attached Files Attached Files

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    You're in the wrong section.

    Try this one.

    Perhaps a moderator will move it for you.

    Frank

    PS You need a Doctype as the first line of your code. It is not an optional extra.
    Last edited by effpeetee; 08-13-2008 at 07:00 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    akhlaq768 (08-13-2008)

  • #3
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    cheers mate

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    You need some CSS. Alot more of it atleast. All i am seeing is a website that goes straight down. Add a menu at the top along with a header. You will probably need more color than what you have. go here for some inspiration on colors and design.

    Also this is a great site

    You will need a doctype as well so go here and check out which one fits you correctly.

    Let us know if you need help, thats what we are here for!

  • Users who have thanked jcdevelopment for this post:

    akhlaq768 (08-13-2008)

  • #5
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    thanks mate, great advice, i'll start on making the alterations.

  • #6
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    i like the background of this site http://www.addnoise.nl/

    how do i use something like that for me?

  • #7
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    well all they did was add that background to thier body and repeated it across and 100% height like so

    Code:
    body {
    background:#FFFFFF url(../images/bodyback.jpg) repeat-x scroll 0 0;
    color:#606060;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    height:100%;
    line-height:18px;
    margin:0;
    padding:0;
    }
    Highlighted is the image!

  • Users who have thanked jcdevelopment for this post:

    akhlaq768 (08-13-2008)

  • #8
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I've typed the following code.....

    and it doesn't work

    Code:
    <!DOCTYPE HTML SYSTEM>
    <head><title>IPSTAR and OPSTAR Training</title></head>
    <body>
    <background:#FFFFFF C:\Documents and Settings\aqrq\Desktop\bodyback.jpg repeat-x scroll 0 0>
    <color:#606060>
    <img src="V:\INFORMATION\COMMON\Informatics Dept\Akhlaq\Training_IPSTAR_OPSTAR\banner.gif">
    <font-family:Verdana,Arial,Helvetica,sans-serif>
    <font-size:11px>
    <height:100%>
    <line-height:18px>
    <margin:0>
    <padding:0>

  • #9
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    No ,thats all wrong.. You need to do it like i posted.

    Code:
    body {
    background:#FFFFFF url(yourImage.gif) repeat-x ;
    color:#606060;
    height:100&#37;;
    line-height:18px;
    margin:0;
    padding:0;
    }
    put that in the head like this

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    
    
    body {
    background:#FFFFFF url(yourImage.gif) repeat-x ;
    color:#606060;
    height:100%;
    line-height:18px;
    margin:0;
    padding:0;
    }
    
    
    
    </style>
    </head>
    
    <body>
    </body>
    </html>
    Then whatever image you have will repeat across.. let us know if that helps!

  • Users who have thanked jcdevelopment for this post:

    akhlaq768 (08-13-2008)

  • #10
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    cheers buddy

  • #11
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    ive got the backgroud that i like....

    so initially my website was on all on one page... with your recommendation ive decided to split it onto different tabs.

    how to i add a tab sheet to my page... i like the design of this one... as i already have chosen the background from them also.

    http://www.smsme.no/index.html

  • #12
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    look through these.. what that is is a CSS based menu with BG images for each link. Its actually quite easy but its best to choose the one that fits you the best. I will be happy to help you if you find one you like and dont understand some stuff.

  • Users who have thanked jcdevelopment for this post:

    akhlaq768 (08-13-2008)

  • #13
    New Coder
    Join Date
    Aug 2008
    Posts
    12
    Thanks
    6
    Thanked 0 Times in 0 Posts
    i like example 2 on this page....

    http://dynamicdrive.com/dynamicindex1/ddtabmenu.htm

    how would i incoporate it in the following code
    Attached Files Attached Files

  • #14
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    Moving to site reviews...
    OracleGuy

  • Users who have thanked oracleguy for this post:

    akhlaq768 (08-13-2008)

  • #15
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    well, you need to include the files that they give you called
    "/ddtabmenu.js" and "/ddtabmenu.css"

    include them like this
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="ddtabmenu.js">
    <link rel="stylesheet" type="text/css" href="ddtabmenu.css" />
    </head>
    Then you need to add what they did to the html document

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="ddtabmenu.js">
    <link rel="stylesheet" type="text/css" href="ddtabmenu.css" />
    
    <script type="text/javascript">
    //SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
    ddtabmenu.definemenu("ddtabs1", 0) //initialize Tab Menu with ID "ddtabs1" and select 1st tab by default
    </script>
    
    </head>
    <body>
    <div id="ddtabs1" class="basictab">
    <ul>
    <li><a href="http://www.dynamicdrive.com" rel="sc1">Home</a></li>
    <li><a href="http://www.dynamicdrive.com/new.htm" rel="sc2">DHTML</a></li>
    <li><a href="http://www.dynamicdrive.com/style/" rel="sc3">CSS</a></li>
    <li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
    </ul>
    </div>
    <DIV class="tabcontainer">
    
    <div id="sc1" class="tabcontent">
    Sub contents here
    </div>
    
    <div id="sc2" class="tabcontent">
    Sub contents here
    </div>
    
    <div id="sc3" class="tabcontent">
    Sub contents here
    </div>
    
    </DIV>
    </body>
    Then that is the basic way.. let me know how it runs


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •