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.

Results 1 to 8 of 8
  1. #1
    Junior Member Mehreen's Avatar
    Join Date
    Jul 2011
    Location
    Somewhere on Earth
    Posts
    26
    Member #
    28376
    Liked
    1 times
    hi guys this would be my 3rd post here and this time i've a little minor issue. I tried to solve it but all in vain.

    See the firefox and crome screenshot you will notice that two headings (which are actually hyperlinks) are missing in crome. While the the coding is same. Will you tell me why and also tell me how to fix it.preview1.JPGpreview2.JPG

    here is the coding: (Note: i've highlighted the coding in blue which belows to iframe and these headings. take a look on those.)
    First HTML:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>

    <head>

    <title> My Test Web page </title>
    <meta name="revised" contents:28/Dec/2011 />
    <link rel="stylesheet" type="text/css" href="styles.css" />

    </head>


    <Body>

    <!--site layout-->

    <!--header-->

    <table width="900px">
    <caption> This page is created with tables and lists </caption>
    <tr>
    <th height="80px"><h3 id="site-title"><a id="link-title" href="#index.html">Welcome to Test Webpage</h3></th>
    </tr>

    <!--Navigation panel-->
    <tr>
    <td>
    <ul>
    <li><a class="navigation-links" href="#news.html" > News</a></li>
    <li><a class="navigation-links" href="#gallery.html" > Gallery</a></li>
    <li><a class="navigation-links3" href="#about.html" > About Us</a></li>
    </ul>
    </td>
    </tr>

    <!--content Area-->
    <tr>
    <td style="padding:0px 5px 0px 5px;">
    <p><span>W</span>elcome to my first webpage. After completing my HTML and CSS webcourse from <a href="http://www.w3schools.com" target="_blank">W3schools.com</a>. I'm finally offering my very first ebpage to internet. Basically, This is a test webpage which will be soon uploaded to a free host and then it can be access from any computer which have internet. The speciality of this webpage is that it can be displayed on every monitor and the content will not go outside from there boundry limit. The second thing i would mention is that, this webpage is covered with both HTML and CSS coding.</p>

    <p><div id="structure"><img src="img/structure.png" alt="structure" width="350px" height="287px"/></div>The site structure can be understand from the picture on the right hand side but because of lack knowledge in java, the page is static not dynamic. The Modern websites uses all the 3 coding as it is clear from the picture.</p>
    <p id="paragraph3">The sites can be interactive and can be non interactive. It all depands on coding.</br> If only HTMl coding is used the site will not be interactive but if both were used as HTML is neccesary without it the css is nothing as we know structure is neccesary to build the house, So CSS add interaction but little bit because Java is made for it do it, in the right way.</p>
    <div id="circles"><img src="img/circles.gif" alt="circles animation" width="100" height="105" align="right"/></div>



    <div id="myiframe"><iframe name="myiframe" src="demo_iframe.html" width="300px" height="300px" </iframe></div>
    <a id="HTML" href="html_iframe.html" target="myiframe" > What is HTML?</a>
    <br/>
    <a id="CSS" href="css_iframe.html" target="myiframe" > What is CSS?</a>
    </td>
    </tr>

    <tr>
    <td height="10%">Footer</td>
    </tr>
    </table>

    Now the CSS coding:
    /*Stylesheet*/

    body {background-color:AliceBlue; padding:0px; }
    table,th,td {border:1px solid black; margin:auto; caption-side:top;}
    th {
    background-image:url('img/header-img.png');
    background-repeat:no-repeat;
    background-position:right bottom;
    background-color:#223e88
    }
    #site-title
    {
    color:white;
    padding:0;
    margin:0;
    font-family:verdana;
    }
    /*Welcome to Test Webpage*/
    a#link-title
    {
    color:white;
    text-decoration:none;
    }
    a#link-title:hover
    {
    color:Coral;
    }
    /*Navigation Panel*/
    ul
    {
    padding:0px;
    margin:0px;
    width:100%;
    float:left;
    background-colorink;
    }
    li
    {
    display:inline;
    list-style-type:none;
    }

    /*Navigation Buttons*/

    a.navigation-links
    {
    color:white;
    background-color:ForestGreen;
    float:left;
    padding:8px;
    width:300px;
    border-right:1px solid black;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    }
    a.navigation-links:hover
    {background-color:SteelBlue;}
    a.navigation-links3
    {
    display:block;
    color:white;
    background-color:ForestGreen;
    float:left;
    padding:8px;
    width:240px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    }
    a.navigation-links3:hover
    {background-color:SteelBlue;}

    /*Content Area*/
    span
    {
    float:left;
    font-family:vardana;
    line-height:80%;
    font-size:300%;
    margin-right:5px;
    margin-left:2px;
    }
    #structure
    {
    width:350px;
    height:287;
    float:right;
    }

    p#paragraph3
    {
    margin:40px 0px 0px 30px;
    }
    #circles
    {
    position:relative;
    bottom:40px;
    }
    #HTML
    {
    display:block;
    margin-left:30px;
    margin-top:140px;
    font-size:20px;
    font-family:arial;
    font-weight:bold;
    color:black;
    text-decoration:none;
    }
    #CSS
    {
    font-size:20px;
    font-family:arial;
    font-weight:bold;
    color:black;
    text-decoration:none;
    margin-left:30px;
    }
    #myiframe
    {
    float:right;
    clear:both;
    }

  2.  

  3. #2
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Any chance you could upload your site to a free online host, It will help us figure out the issue more effectively.

    -m3
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  4. #3
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Use the chrome inspector ( right click ), it will give you a list of CSS elements that are being ignored.

    I'll repeat my first response from your previous post.

    You need to define height and width as well as padding and margins on every div ( even if zero ), so the browser doesn't use it's own padding and margin values.

  5. #4
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    Quote Originally Posted by Webzarus, post: 228054
    ...You need to define height and width as well as padding and margins on every div ( even if zero ), so the browser doesn't use it's own padding and margin values.
    Wouldn't a reset accomplish the same thing?
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  6. #5
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Yeah I told her that too in her other post

  7. #6
    Junior Member Mehreen's Avatar
    Join Date
    Jul 2011
    Location
    Somewhere on Earth
    Posts
    26
    Member #
    28376
    Liked
    1 times
    Quote Originally Posted by Webzarus, post: 228061
    Yeah I told her that too in her other post
    I got that....and now its working.

  8. #7
    Junior Member Mehreen's Avatar
    Join Date
    Jul 2011
    Location
    Somewhere on Earth
    Posts
    26
    Member #
    28376
    Liked
    1 times
    Quote Originally Posted by Webzarus, post: 228061
    Yeah I told her that too in her other post
    Thankyou very much

  9. #8
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by nbls01, post: 228605
    thanksyou ,I'm going to do it.
    Nbls01, Twice now you have not contributed to threads in this forum. This is your only warning. Please read the Forum Rules before posting again. If you are to post irrelevant information in a thread again you shall be banned. - m3
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


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 11:44 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com