[help] Верх для сайта

Discussion in 'PHP' started by mixdw, 2 Jul 2009.

  1. mixdw

    mixdw Banned

    Joined:
    27 Mar 2008
    Messages:
    81
    Likes Received:
    30
    Reputations:
    0
    Доброго времени суток всем.
    Вот мне нужен простенький код шапки для сайта типа:
    logo и сразу сбоку(справа) лого код для рекламы <a href=""><img src=""></a>
    Что-то типа этого.

    Вот кавырнул с левого сайта код,но в нём куча всего лишнего и этот код почему-то делает шире сайт...

    HTML:
    <table width="100%" border="0" cellspacing="0" cellpadding="0" summary="Main Table for Techshelp">  <tr>  <td align="left" valign="top" style="background: url('templates/sevsky/images/banner_bg.gif') repeat-x; margin-left:0px; margin-right:0px;">  <table border="0" cellspacing="0" cellpadding="0" summary="Header Table with Logo and Search bar">  <tr align="left" valign="top">  <td width="334" rowspan="2"><img src="images/logo.png">  </td>  <!-- new baner start <td width="334" rowspan="2" style="background-image:url(templates/cool-blue/images/baner.jpg)">  <br><br>  <a href="http://hostd.ru/" target="_blank"><img src="templates/cool-blue/images/hostdru.gif" alt="Techshelp, Serving the Blueyonder Community" border="0"></a>  </td> new baner end --> <td width="334" rowspan="2"><br><br>  <a href="http://kuznitsa.crimea.ua/board/1-1-0-57" title="Проверка" target="_blank">  <img src="/123/banners/1.jpg" alt="Первый фронтмен IRON MAIDEN PAUL DI’ANNO в Севастополе! " border="0" width="468" height="60"></a>  </td>  <td width="161" align="right"> <table width="161" border="0" cellspacing="0" cellpadding="3" summary="Search Box">  <tr>  <td align="center" valign="middle"></td>  </tr>  <tr>  <td align="center" valign="top"></td>  </tr>  </table> </td>  </tr>  <tr align="left" valign="top">  <td align="center" valign="middle"></td>  </tr> </table>
    Есть что-нибудь попроще?
    Заранее спасибо.

    Пример: вот
     
  2. inSa(Ne)rd

    inSa(Ne)rd В Стране Чудес

    Joined:
    14 Mar 2005
    Messages:
    245
    Likes Received:
    1,281
    Reputations:
    167
    mixdw,

    Проще и удобнее это сделать дивами, присвоив им свойство "float: left;" (по левому краю равняя) :)

    Это сама шапка:
    HTML:
    <div id="top">
    
    <div id="logo"><img src="logo.jpg" /></div>
    <div id="banner"><a href=""><img src="banner.jpg" style="border: 0;" /></a></div>
    
    </div>
    А это стили css, нужно вставить между тегами <head></head>
    HTML:
    <style type="text/css">
    
    #top {
    margin: 0 0 0 20px;
    }
    #logo {
    float: left;
    margin-right: 30px;
    width: 300px;
    height: 70px;
    } 
    #banner { 
    float: left; 
    width: 400px;
    height: 50px;
    }
    
    </style>
    В диве с id logo - картинка с логотипом. В стилях этому диву задашь нужную ширину и высоту. Ну а banner это баннер, думаю, несложно догадаться ;) margin - отступы, поставь какие нужны.
     
    5 people like this.
  3. mixdw

    mixdw Banned

    Joined:
    27 Mar 2008
    Messages:
    81
    Likes Received:
    30
    Reputations:
    0
    Во,то что надо!!!!!
    Тока один нюанс,при отступе от верха отступаются лого и баннер,а как можно сделать что б только баннер от верха отступался?
     
  4. mixdw

    mixdw Banned

    Joined:
    27 Mar 2008
    Messages:
    81
    Likes Received:
    30
    Reputations:
    0
    всё, <br /> помог :)
     
  5. inSa(Ne)rd

    inSa(Ne)rd В Стране Чудес

    Joined:
    14 Mar 2005
    Messages:
    245
    Likes Received:
    1,281
    Reputations:
    167
    Лучше все-таки вместо <br /> использовать свойство margin, которое для отступов и придумано :)
    Напиши в стилях баннеру margin-top: 10px; (точнее столько, сколько тебе надо) Просто так будет удобнее, можешь сделать отступ такой высоты, как хочешь, а не по размеру тега br
     
  6. mixdw

    mixdw Banned

    Joined:
    27 Mar 2008
    Messages:
    81
    Likes Received:
    30
    Reputations:
    0
    Теперь пытаюсь поставить навигацию чуть ниже этого всего и она у меня тупо накладывается на баннер с правой стороны,вместо того что бы ниже баннера.
    Может я что-то не так делаю.
    Вот что в навигации:
    HTML:
    <div align="right" style="width:100%">
    Привет, <?php echo $_SESSION['login'];?>
    | <a target='_blank' href='settings.php'>Настройки</a> | <a target='_blank' href='faq/'>FAQ</a> |
    <?php
    if (getRights("admin_view",$user)){
    	echo "<a href='admin.php'>Панель управления</a> |";
    }
    ?>
     <a href='javascript:Exit();'>Выход</a> | 
    </div>
    
    
     
  7. inSa(Ne)rd

    inSa(Ne)rd В Стране Чудес

    Joined:
    14 Mar 2005
    Messages:
    245
    Likes Received:
    1,281
    Reputations:
    167
    Напиши

    <br style="clear: both;" />

    после шапки. так новые дивы будут снизу)
     
Loading...