Jump to content

fishcuisine

Member
  • Posts

    78
  • Joined

  • Last visited

Posts posted by fishcuisine

  1. Hello again,

     

    Website: www.tokyo-sushi-chef-institute.com

     

    These are the two elements of my Horizontal Nav Bar:

     

     

    A. This is the image I have pasted on my DW MX file page.

    ----------------------------------------------------------------------------------------

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

    <html>

    <head>

     

     

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <title>Untitled Document</title>

    </head>

     

    <body>

    <img src="image%202/TCIlogo2.jpg" width="1050" height="150"></body>

    </html>

    --------------------------------------------------------

     

    B.This is the Nav Bar that I wanted to place directly under Image and aligned left.

     

    Question: How do I combine A and B? Which symbols do I keep and where would they go, I wonder? Thanks.

     

    Regards

    Rk

    --------------------------------------------------------------------------------

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    font-family: arial, sans-serif; line-height: 1.3;

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    }

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    padding: 0 10px;

    height: 25px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 25px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    .style1 {color: #B7C8C5}

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo"><span class="style1"></span>HOME</a>

    </li>

    <li><a href="#nogo">CHEF DIPLOMA COURSE</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS TOKYO</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

    </ul>

    </div>

     

    </body>

    </html>

    -----------------------------------------------

  2. Hello there,

     

    I'm back.

     

     

    First, you should check your errors here:-

    http://validator.w3.org/

    It shows 9 errors.

     

    With regard to all the errors, I am communicating with Adobe DW MX Forum to decipher the explanation.

     

     

     

    After the <body> tag you have a style tag so move all the style tag up so that it's just before the </head> closing tag.

    You have three </span> tags at the end of teh <h5> tag when there should only be one.

     

    Are all this found in the index.html page (HOME)?

     

     

    Do you want the navbar to be over your header image? If so, the new header image should not have so many colors or you won't be able to read teh link text.

     

    Header Image will be over the Nav Bar; just like it is currently.

     

    You will need to make the new header image a background-image for the h5 style:-

     

    I don't get this part. Why not just cut paste? I thought H5 indicated the size of Header typeface?

    h5 { background: url(images/tsciHeader1.jpeg.jpg) fixed top left no-repeat; }

     

    and edit the h5 html markup to delete the img tag:-

     

    <h5 class="style3"><span class="style4"> <a href="index.html">HOME</a> | <a href="2ColumChefDiplomaCourse.html">CHEF DIPLOMA COURSE</a> | <a href="metropolisTokyo.html">METROPOLIS TOKYO</a> | <a href="location.html">LOCATION</a> | <a href="inquire.html"> INQUIRE </a></span></h5>

    You now have both style3 and style4 applicable to the h5 tag so you may need to edit this.

     

    Is the filename tsciHeader1.jpeg.jpg correct? Normally the extension is either .jpeg or .jpg, not both (both are the same) but it could be that your file name is tsciHeader1.jpeg and the extension is .jpg in which case it would be correct.

     

    The file name will be different. I have not named it as yet.

     

    I have the new image which is slightly different in wording in my Image File.

     

    The Nav Bar below is stored in my DW file.

     

     

     

    What I did with the current Header is cut and paste the Header Image to the file page. Then just typed in the Nav Bar wordings:

     

    HOME | CHEF DIPLOMA COURSE | METROPOLIS TOKYO | LOCATION | INQUIRE

     

    And added links to them. With DW that was no brainer.

     

    Now, it appears I am entering the Twilight Zone…

     

    Regards

    Fish

     

    I was able to extend out the Nav Bar using the T-Ball method.

     

    See below:

    --------------------------------------------------------------

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    font-family: arial, sans-serif; line-height: 1.3;

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    }

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    padding: 0 10px;

    height: 25px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 25px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    .style1 {color: #B7C8C5}

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo"><span class="style1"></span>HOME</a>

    </li>

    <li><a href="#nogo">CHEF DIPLOMA COURSE</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS TOKYO</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

    </ul>

    </div>

     

    </body>

    </html>

  3. First, you should check your errors here:-

    http://validator.w3.org/

    It shows 9 errors.

    After the <body> tag you have a style tag so move all the style tag up so that it's just before the </head> closing tag.

    You have three </span> tags at the end of teh <h5> tag when there should only be one.

     

    Do you want the navbar to be over your header image? If so, the new header image should not have so many colors or you won't be able to read teh link text.

    You will need to make the new header image a background-image for the h5 style:-

    h5 { background: url(images/tsciHeader1.jpeg.jpg) fixed top left no-repeat; }
    

     

    and edit the h5 html markup to delete the img tag:-

    <h5 class="style3"><span class="style4"> <a href="index.html">HOME</a> | <a href="2ColumChefDiplomaCourse.html">CHEF DIPLOMA COURSE</a> | <a href="metropolisTokyo.html">METROPOLIS TOKYO</a> | <a href="location.html">LOCATION</a> | <a href="inquire.html"> INQUIRE </a></span></h5>
    

    You now have both style3 and style4 applicable to the h5 tag so you may need to edit this.

     

    Is the filename tsciHeader1.jpeg.jpg correct? Normally the extension is either .jpeg or .jpg, not both (both are the same) but it could be that your file name is tsciHeader1.jpeg and the extension is .jpg in which case it would be correct.

  4. Hello,

     

    I have my new Nav bar looking pretty good. It is a little short; about 6" short.

    How can I extend it out to cover 1050 px? I wonder...

     

    Codes:

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    font-family: arial, sans-serif; line-height: 1.3;

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    }

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    padding: 0 10px;

    height: 25px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 25px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    .style1 {color: #B7C8C5}

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo"><span class="style1"></span>HOME</a>

    </li>

    <li><a href="#nogo">CHEF DIPLOMA COURSE</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS TOKYO</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

     

     

    </ul>

    </div>

     

    </body>

    </html>

  5. Hello,

     

    Well, This should be the closer.

     

    Question:

     

    How do I combine my Header Image which I have stored on my desktop in Image Folder

    with the Horizontal Navibar which I just created (thanks to input of Forum member)

    stored on my DW MX file/page to create the new Header which I wanted to upload to each webpage? Re: www.tokyo-sushi-chef-institute.com

     

    Regards

    rk

  6. Did the following:

     

    -- remove "width:122px; " from "#nav li a"

    -- add "padding: 0 10px;" to "#nav li a".

     

    Nothing happened.

     

    Added 5px to other padding.I get the spacings but there are gaps between Menu Items...? What can I say...?

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    font-family: arial, sans-serif; line-height: 1.3;

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    }

     

    #menu{

    padding:5;

    margin:0;

    }

    #menu ul{

    padding:5;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:5;

    }

    #menu li a{

    "padding: 0 10px;"

    height: 25px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 25px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">HOME</a>

    </li>

    <li><a href="#nogo">CHEF DIPLOMA COURSE</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS TOKYO</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

     

     

    </ul>

    </div>

     

    </body>

    </html>

  7. Hello Wickham,

     

    I replaced “width:122px;” with “padding:0 10px:” . I changed the 0 and 10px to various numbers 10 20 15 etc. but no change.

    I notice you have #nav li a" and I have it #menu li a" ?

     

    Result is the wordings are stuck together and in two levels of Nav Bar…?

    ----------------------------------------------------------------------------------------------------------------------------

     

    HOME

    OUR MISSIONCHEF DIPLOMA COURSEMETROPOLIS TOKYOLOCATIONINQUIRE

    ----------------------------------------------------------------------------------------------------------------------------

     

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    font-family: arial, sans-serif; line-height: 1.3;

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    }

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    "padding:0 10px;"

    height: 25px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 22px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">HOME</a>

    </ul>

    </li>

    <li><a href="#nogo">OUR MISSION</a>

    </li>

    <li><a href="#nogo">CHEF DIPLOMA COURSE</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS TOKYO</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

     

     

    </ul>

    </div>

     

    </body>

    </html>

  8. If you need each item to have the same width as all your other nav items, you can't. However, if different nav items can have different widths, you can do this:

     

    -- remove "width:122px; " from "#nav li a"

    -- add "padding: 0 10px;" to "#nav li a". This adds 10 px padding to the left/right of the nav element, and you can then adjust as necessary.

  9. Hello Wickham,

     

    It works! Appreciate it.

     

    But you probably already saw this coming...

     

    As you know each box has 122px width, which means there are uneven gaps between MENU ITEMS

     

    i.e. HOME OUR MISSION CHEF DIPLOMA COURSE LOCATION INQUIRE

    QUESTION: Where would I place codes to even out the spacing between MENU ITEMS?

     

    i.e. HOME OUR MISSION CHEF DIPLOMA COURSE LOCATION INQUIRE

     

    Tnks again,

    fish

     

    CURRENT CODES:

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    font-family: arial, sans-serif; line-height: 1.3;

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    }

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    width:122px;

    height: 22px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 22px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">HOME</a>

    </ul>

    </li>

    <li><a href="#nogo">OUR MISSION</a>

    </li>

    <li><a href="#nogo">CHEF DIPLOMA COURSE</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS TOKYO</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

     

     

    </ul>

    </div>

     

    </body>

    </html>

  10. I’m back…

     

    As you can see below, I just might make it into Little League.

     

    Question: Where should I place the code to reduce the size of print?Since type size is too large, I can not place in the complete Menu wordings.

     

    Also, if I wanted to change the font to Arial font?

    How would I reflect that?

     

    fish

     

    CODE BELOW:

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="SushiMenu1">

    <meta name="description" content="Horizontal menu item1">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Sushi Menu</title>

     

    <style type="text/css">

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    width:110px;

    height: 22px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 22px;

    background-color: #660033;

    color: white;

    }

    #menu li a:hover{

    background-color: #663366;

    }

    #menu ul ul{

    position: absolute;

    top: 22px;

    visibility: hidden;

    }

     

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">HOME</a>

    </ul>

    </li>

    <li><a href="#nogo">OUR MISSION</a>

    </li>

    <li><a href="#nogo">CHEF</a>

    </li>

    <li><a href=”#nogo”>METROPOLIS</a>

    </li>

    <li><a href=”#nogo”>LOCATION</a>

    </li>

    <li><a href=”#nogo”>INQUIRE</a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

    <li><a href=”#nogo”></a>

    </li>

     

     

     

    </ul>

    </div>

     

    </body>

    </html>

  11. Hello there,

     

    Again, thanks for sticking this one out.

     

    As everyone knows I am still a T-Ball leaguer.

     

    All I have been doing is cut and paste.

    I checked the result of the codes below on my DW MX new page.

    The result is no change. Same as last time.

     

    I really don't have a clue why...

    I get the a rectangular black box with Link 1 Link 2 Link 3 wording in white letters.

    No red; no drop down. When I click on the wording I see a thin white verticle line about 1-2 mm wide.

     

    Confused fish...

     

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <meta name="keywords" content="Wickham">

    <meta name="description" content="Test items">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     

    <title>Test</title>

     

    <style type="text/css">

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    width:100px;

    height: 30px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 30px;

    background-color: black;

    color: white;

    }

    #menu li a:hover{

    background-color: red;

    }

    #menu ul ul{

    position: absolute;

    top: 30px;

    visibility: hidden;

    }

     

    </style>

     

    </head>

    <body>

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">Link 1</a>

    <ul>

    <li><a href="#nogo">Link 1-1</a></li>

    <li><a href="#nogo">Link 1-2</a></li>

    <li><a href="#nogo">Link 1-3</a></li>

    </ul>

    </li>

    <li><a href="#nogo">Link 2</a>

    <ul>

    <li><a href="#nogo">Link 2-1</a></li>

    <li><a href="#nogo">Link 2-2</a></li>

    <li><a href="#nogo">Link 2-3</a></li>

    </ul>

    </li>

    <li><a href="#nogo">Link 3</a>

    <ul>

    <li><a href="#nogo">Link 3-1</a></li>

    <li><a href="#nogo">Link 3-2</a></li>

    <li><a href="#nogo">Link 3-3</a></li>

    </ul>

    </li>

    </ul>

    </div>

     

    </body>

    </html>

  12. Hello,

     

    Re: CSS Horizontal Menu Link - http://css.flepstudi...-down-menu.html'>http://css.flepstudi...-down-menu.html

     

    I'm back. Would you believe...

     

    I trust you already know that I am still in T-Ball league, so please bear with me.

     

    I went with your latest code sequence; pasted it into my DW MX new page.

     

    What I saw was a great improvement.

     

    Link 1 Link 2 Link 3 were all in their proper black rectangles.

     

    How do I now have each link (Link 1 Link 2 Link 3) light up in red or any other color and display the drop down menu, i.e. 1-1, 1-2, 1-3 etc.

     

    Regards

     

     

     

     

     

     

     

     

    Link: http://css.flepstudi...-down-menu.html

  13. That's still not right. You should have something like:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"        "http://www.w3.org/TR/html4/strict.dtd"> 
    <html>
    <head>
    <meta name="keywords" content="Wickham">                
    <meta name="description" content="Test items">            
    <meta http-equiv="content-type" content="text/html;  charset=utf-8">
    
    <title>Test</title>                  
    
    <style type="text/css">
    #menu{
    padding:0;
    margin:0;
    }
    #menu ul{
    padding:0;
    margin:0;
    }
    #menu li{
    position: relative;
    
    
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    }
    #menu li a{
    width:100px;
    height: 30px;
    display: block;
    text-decoration:none;
    text-align: center;
    line-height: 30px;
    background-color: black;
    color: white;
    }
    #menu li a:hover{
    background-color: red;
    }
    #menu ul ul{
    position: absolute;
    top: 30px;
    visibility: hidden;
    }
    
    </style> 
    
    </head>
    <body>
    
    <div id="menu">
    <ul>
    <li><a href="#nogo">Link 1</a>
    <ul>
    <li><a href="#nogo">Link 1-1</a></li>
    <li><a href="#nogo">Link 1-2</a></li>
    <li><a href="#nogo">Link 1-3</a></li>
    </ul>
    </li>
    <li><a href="#nogo">Link 2</a>
    <ul>
    <li><a href="#nogo">Link 2-1</a></li>
    <li><a href="#nogo">Link 2-2</a></li>
    <li><a href="#nogo">Link 2-3</a></li>
    </ul>
    </li>
    <li><a href="#nogo">Link 3</a>
    <ul>
    <li><a href="#nogo">Link 3-1</a></li>
    <li><a href="#nogo">Link 3-2</a></li>
    <li><a href="#nogo">Link 3-3</a></li>
    </ul>
    </li>
    </ul>
    </div>
    
    </body>
    </html>
    

  14. Hello,

     

    Thanks for your reply.

     

    I tried the following format. Same ole same.

    No change...I know I missed something.

     

    Regards

    fish

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">Link 1</a>

    <ul>

    <li><a href="#nogo">Link 1-1</a></li>

    <li><a href="#nogo">Link 1-2</a></li>

    <li><a href="#nogo">Link 1-3</a></li>

    </ul>

    </li>

    <li><a href="#nogo">Link 2</a>

    <ul>

    <li><a href="#nogo">Link 2-1</a></li>

    <li><a href="#nogo">Link 2-2</a></li>

    <li><a href="#nogo">Link 2-3</a></li>

    </ul>

    </li>

    <li><a href="#nogo">Link 3</a>

    <ul>

    <li><a href="#nogo">Link 3-1</a></li>

    <li><a href="#nogo">Link 3-2</a></li>

    <li><a href="#nogo">Link 3-3</a></li>

    </ul>

    </li>

    </ul>

    </div>

     

    <style type=”text/css”>

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

     

     

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    width:100px;

    height: 30px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 30px;

    background-color: black;

    color: white;

    }

    #menu li a:hover{

    background-color: red;

    }

    #menu ul ul{

    position: absolute;

    top: 30px;

    visibility: hidden;

    }

     

    </style>

  15. Hello,

     

    There is site that has a horizontal menu that looks good.

     

    Link: http://css.flepstudio.org/en/css-tutorials/horizontal-drop-down-menu.html

     

    I pasted the first set of codes on to my DW MX new file page. It looked good as advertised:

     

    <div id="menu">

    <ul>

    <li><a href="#nogo">Link 1</a>

    <ul>

    <li><a href="#nogo">Link 1-1</a></li>

    <li><a href="#nogo">Link 1-2</a></li>

    <li><a href="#nogo">Link 1-3</a></li>

    </ul>

    </li>

    <li><a href="#nogo">Link 2</a>

    <ul>

    <li><a href="#nogo">Link 2-1</a></li>

    <li><a href="#nogo">Link 2-2</a></li>

    <li><a href="#nogo">Link 2-3</a></li>

    </ul>

    </li>

    <li><a href="#nogo">Link 3</a>

    <ul>

    <li><a href="#nogo">Link 3-1</a></li>

    <li><a href="#nogo">Link 3-2</a></li>

    <li><a href="#nogo">Link 3-3</a></li>

    </ul>

    </li>

    </ul>

    </div>

    Then I tried the other set of codes but I ended up getting the codes reproduced on the page. Clearly, I did not have the codes placed correctly.

    Any ideas I wonder?

     

    #menu{

    padding:0;

    margin:0;

    }

    #menu ul{

    padding:0;

    margin:0;

    }

    #menu li{

    position: relative;

    float: left;

    list-style: none;

    margin: 0;

    padding:0;

    }

    #menu li a{

    width:100px;

    height: 30px;

    display: block;

    text-decoration:none;

    text-align: center;

    line-height: 30px;

    background-color: black;

    color: white;

    }

    #menu li a:hover{

    background-color: red;

    }

    #menu ul ul{

    position: absolute;

    top: 30px;

    visibility: hidden;

    }

     

    Regards

    rk

  16. Thanks for feedback.

     

    Actually, you are way over my head on this one.

     

    Is the following blurb what I should put in

     

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">'>http://www.w3.org/TR/html4/loose.dtd">

     

    or is it this:?

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

     

    “Try to use the "Strict doctype" if possible…” - Like for example what exactly, if I may ask?

     

    And what do these guys do? - http://www.w3.org/QA...d-dtd-list.html

     

    Tnks

    Fishy

  17. Hello,

     

    I am now going back to each webpage and attempting to tie the loose ends together.

    I am focusing on Website Optimization.

    In the video, "Six Essentail html Tags" in the WEB DESIGN 1 Series

    DOCTYPE and META tags are mentioned as being important and must be included in each page.

     

    i.e. following:

     

    <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN”>

    <html>

    <head>

    <title>My Practice HTML Page</title>

    <meta http-equiv=”Content-type” content=”text/html; charset=iso-8859-1”>------------</head>

    <body>

     

    </body>

    </html>

    -------------------------------

     

    Should these two lines be used in all webpages exactly as indicated.

     

    Any videos available on the subject?

     

    Regards

    Fishy

  18. Hello There,

     

    First let me say that I do appreciate all your comments - good or bad.

    This is all a learning experience for me.

    I finally accomplished what I originally set out to do the hard way. No easy way to get through Basic Training.

    I have a basic website up and running. Now I've got to make it look pretty.

    With regard to the codes, I know Code Nerds see a horrific conflagration in the back. I have no idea how DW came up with all that. I am slowly getting acclimated to the html/css language. Who knows before too long I may be able to create a website just by using the codes...

     

    Take care,

    Fishy

  19. Hello Andrea,

     

    Needless to say we appreciate your feedback - good or bad.

     

    This project is a learning experience for us.

    We understand the growing strength of the Internet and knowing how it works is critical to our future success.

    Having this farmed out to a third party or just buying a cheap $25 template that ends up looking like

    a "Wal Mart" box is not in our best interest.

    Thus we are willing to put up with any comments that come in.

     

    The alignment problem is not a major issue for now. So far no one has a monitor that has picked up the problem.

    It will be corrected as we become more familiar with html/css language.

     

    Going back to the more immediate problem of 2ColumChefDiplomaCourse.html pointing to OUR MISSION

    I tried ourMission.html pointing to OUR MISSION but I get to an older page previously created.

    As you will note all the other links work perfectly.

    So the question is why do I get an error page when I try to go from OUR MISSION to CHEF DIPLOMA COURSE. When I go to CHEF DIPLOMA COURSE from anyother link on the Menu, they work perfectly...All the code sequence appear to be the same.

     

    <a href="index.html">HOME</a> |

    <a href="2ColumChefDiplomaCourse.html">OUR MISSION</a> |

    <a href="2ColumChefDiplomaCourse.html">CHEF DIPLOMA COURSE</a> |

    <a href="metropolisTokyo.html">METROPOLIS TOKYO</a> |

    <a href="location.html">LOCATION</a> |

    <a href="inquire.html"> INQUIRE </a>

×
×
  • Create New...