Пожалуйста, взгляните на мои HTML


Я создал сайт с помощью HTML и CSS. На самом деле я хотел узнать, внедряя реальные примеры. Я построил сайт, как Google. Поле поиска не работает(я на самом деле не хотел идти дальше в форме действий, а также не хотели использовать любую поисковую систему) и у меня не копируется ничего с их сайта. Его попытка изучить HTML и CSS. Пожалуйста, посмотрите и рассмотреть его.

Код:

<!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=utf-8">
        <title>MyGoogle</title>
        <style type="text/css">
        #header
        {
            width:100%;
            height:20px;        
        }
        #header hr
        {
                border: none;
                border-bottom: 2px solid #06f;
        }
        .menu ul
        {
            text-decoration:none;
            margin:0;
            padding:0;      
        }
        .menu li
        {
            display:inline; 
        }
        #footer
        {
        }
        #logo
        {
            padding-top:150px;
            padding-left:50px;
            height:500;
            width: 100%;            
        }
        .menu
        {
            width:100%;
            background-color:#FFF;  
        }
        #searchbuttons
        {
            padding-left:80px;  
        }
        #searchbox
        {
            padding-left:0px;
            padding-top:20px;   
        }
        #container
        {   
            padding-left:450px; 
        }

        </style>
    </head>
    <body>

  <div id="header">
            <div class="menu">
                <ul>
                    <li><a href="http://www.google.com.pk/webhp?hl=en&tab=iw">Web</a></li>
                    <li><a href="http://www.google.com.pk/imghp?hl=en&tab=wi">Images</a></li>
                    <li><a href="http://news.google.com.pk/nwshp?hl=en&tab=in">News</a></li>
                    <li><a href="http://translate.google.com.pk/?hl=en&tab=nT">Translate</a></li>
                    <li><a href="http://books.google.com.pk/bkshp?hl=en&tab=Tp">Books</a></li>
                    <li><a href="http://scholar.google.com.pk/schhp?hl=en&tab=ps">Scholar</a></li>
                    <li><a href="https://mail.google.com/mail/?hl=en&shva=1">Gmail</a></li>
                <!--Was unable to add a drop down menu for more -->
                </ul>
            </div><!-- Menu division ends-->
             <hr/>  <!--This does not display-->
        </div><!--Header Division ends-->
         <div id="container">
        <div id="logo"><img src="http://dvice.com/pics/google_dilemma.jpg" width="300" height="114" ></div><!--Logo division ends-->
    <!--was having a problem when adding -->      
        <form action="http://www.datafeedfile.com/examples/javascript_search.php" method="get">  <div id="searchbox">
        <input type="text" title="Search Text" accesskey="s" alt="Search Text" size="60px" maxlength="80" value="" />
        </div>
        <!--Search Box Devision ends-->
    <div id= "searchbuttons">
      <input type="submit" value="Google Search"/>
      <input type="submit" value=" I'm Feeling Lucky">
    </div> <!--Search Button division ends-->
</form>
    </div> <!--container ends-->

</body>
</html>


663
1
задан 2 июля 2011 в 04:07 Источник Поделиться
Комментарии
2 ответа

Всего несколько простых вещей, которые я вижу, чтобы помочь улучшить ваш код:


  1. Я бы начал с использованием HTML5 DOCTYPE, то если нет особых причин этого не делать.

  2. Вместо того, чтобы
    тег, почему бы просто не поставить границы-нижней:2 пикселя твердых #06f настенные; ваш заголовок #див. А потом добавить, как обивка дном:5 пикселей;

  3. Вместо того

     <div class="menu">
    <ul>
    <li><a href="">Link</a></li>
    <li><a href="">Another Link</a></li>
    </ul>
    </div>

    Почему бы просто не сделать это:

    <ul class="menu">
    <li><a href="">Link</a></li>
    <li><a href="">Another Link</a></li>
    </ul>

    И просто соответствующим образом изменить ваш CSS:

     .menu { text-decoration:none; margin:0; padding:0; }
    .menu li { display:inline; }

4
ответ дан 3 июля 2011 в 02:07 Источник Поделиться

Одна из причин


тег не отображается потому, что кадровый элемент известен различаться в зависимости от Вашего браузера. Попробуйте использовать Firefox, он обычно является лучшим на оказание всевозможных тегов.

2
ответ дан 3 июля 2011 в 01:07 Источник Поделиться