Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей.
Здесь обсуждаются безопасность, программирование, технологии и многое другое.
Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
 |
02.07.2009, 20:56
|
|
Познающий
Регистрация: 27.03.2008
Сообщений: 80
Провел на форуме:
322368
Репутация:
44
|
|
[help] Верх для сайта
Доброго времени суток всем.
Вот мне нужен простенький код шапки для сайта типа:
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>
Есть что-нибудь попроще?
Заранее спасибо.
Пример: вот |
|
|
02.07.2009, 22:58
|
|
Участник форума
Регистрация: 14.03.2005
Сообщений: 267
Провел на форуме:
2827464
Репутация:
545
|
|
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 - отступы, поставь какие нужны.
|
|
|
|
03.07.2009, 18:00
|
|
Познающий
Регистрация: 27.03.2008
Сообщений: 80
Провел на форуме:
322368
Репутация:
44
|
|
Во,то что надо!!!!!
Тока один нюанс,при отступе от верха отступаются лого и баннер,а как можно сделать что б только баннер от верха отступался?
|
|
|
|
03.07.2009, 18:14
|
|
Познающий
Регистрация: 27.03.2008
Сообщений: 80
Провел на форуме:
322368
Репутация:
44
|
|
всё, <br /> помог |
|
|
|
03.07.2009, 19:03
|
|
Участник форума
Регистрация: 14.03.2005
Сообщений: 267
Провел на форуме:
2827464
Репутация:
545
|
|
Сообщение от mixdw
Во,то что надо!!!!!
Тока один нюанс,при отступе от верха отступаются лого и баннер,а как можно сделать что б только баннер от верха отступался?
Лучше все-таки вместо <br /> использовать свойство margin, которое для отступов и придумано
Напиши в стилях баннеру margin-top: 10px; (точнее столько, сколько тебе надо) Просто так будет удобнее, можешь сделать отступ такой высоты, как хочешь, а не по размеру тега br
|
|
|
|
04.07.2009, 13:53
|
|
Познающий
Регистрация: 27.03.2008
Сообщений: 80
Провел на форуме:
322368
Репутация:
44
|
|
Теперь пытаюсь поставить навигацию чуть ниже этого всего и она у меня тупо накладывается на баннер с правой стороны,вместо того что бы ниже баннера.
Может я что-то не так делаю.
Вот что в навигации:
Код 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>
|
|
|
|
05.07.2009, 23:02
|
|
Участник форума
Регистрация: 14.03.2005
Сообщений: 267
Провел на форуме:
2827464
Репутация:
545
|
|
Напиши
<br style="clear: both;" />
после шапки. так новые дивы будут снизу)
|
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Похожие темы
Линейный вид
