1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

HTML Guide me plz to edit my Css Template !!

Discussion in 'Web Development' started by bobrik, Dec 23, 2008.

  1. bobrik

    bobrik New Member

    hi members,
    i have a small problem with Css.well, i have finally replaced the pics with the ones i chose but i still don't know how to link the tabs to my own pages? can you please help me sort it out.? what must i do to fix that?
    i have just replaced the link to the tabs to my website on freewebs.com

    <li><a href="http://boubrik.webs.com/">Home</a></li>
    <li><a href="http://boubrik.webs.com/">About me</a></li>
    <li><a href="http://boubrik.webs.com/">Passion</a></li>
    <li><a href="http://boubrik.webs.com/">Hobbies</a></li>
    <li><a href="http://boubrik.webs.com/">Profession</a></li>
    <li><a href="http://boubrik.webs.com/">Collection</a></li>
    <li><a href="http://boubrik.webs.com/">Contact</a></li>


    P.S: my website is www.boubrik.webs.com

    thank you so much in advance !
     
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    To link your pages you have to point to those pages and they have to exist on the server.

    Your code
    instructs the browser to look at "boubrik.webs. com", but does not tell the browser what to look for.
    The >Home</a> part - displays the word "Home" on the screen.
    First of all open the index.html file for editing.
    Then edit all your links, like below
    HTML:
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About me</a></li>
    <li><a href="passion.html">Passion</a></li>
    <li><a href="hobbies.html">Hobbies</a></li>
    <li><a href="profession.html">Profession</a></li>
    <li><a href="collection.html">Collection</a></li>
    <li><a href="contact.html">Contact</a></li>
    Now save the file as index.html as this is your start page the server looks for. This is your first page with all the links installed.
    Now with this page opened in your editor save it as your second page, name it "about.html" (without the qoutes). Edit the about page with some text so you know it is a different page. Either finish it with your content or just put some text in it so you can see the difference.
    Load both pages up to your server. Browse to your web site, index.html should open, click on the "about" link - your new page should open.
    Do this for the remaining pages - remember code is in lower case.
    Put a link back so we can see your work, when you finish the web post it in the review section to get some good feed back.

    Hope this helps.
     
  3. bobrik

    bobrik New Member

    thank you so much for your useful help and guidance..way to go !
    Merry Xmas to y'all.
    Mo, from Morocco xx
     
  4. bobrik

    bobrik New Member

    you can check now the page as see that i have fixed "home" and "about me" pages..will put content and edit other pages later..thank you so much !
    http://boubrik.webs.com/
    :)