Сайт портального типа. Создание шаблонов.

Stasroot1 · May 10, 2008

Здравствуйте дорогие форумчане! Я начинающий вебпрограмист, пока это мое хобби... пока. Я хочу создать сайт портального типа, т.е. он будет частично посвящен мне, как создателю и различные части.

Эти части я называю проектами. Существует на данный момент несколько проектов, один из них нуждаеться в срочной реализации. Под это дело я использую CMS название не указываю так как может быть воспринято как реклама. Эта CMS использует для вывода инфы шаблоны *.tpl или (можно и так) *.xslt. При том пользовательскую часть сайта я и строю... Задумка такая: Таблица на 100% окна браузера в которой отображаеться вся инфа:

________________________________________________________________________________________________

———————————————————————————————————————————————————

Логотип проекта (логотип создан) но он только часть этого поля, как продолжить его до конца этого поля? При этом под логотипом всегда остаеться немного рамки, которую у меня не получаеться убрать! :-(

———————————————————————————————————————————————————

Меню проектов, здесь всегда отображаються ссылки на эти проекты.

———————————————————————————————————————————————————

менюшка Дополнительные блоки, реклама

Основное содержание

———————————————————————————————————————————————————

Копирайт и может еще какие управляющие кнопки/ссылки типа наверх страниц..

________________________________________________________________________________________________

Вот код который использую:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" >

<html>

 <head>

 <meta name="description" content="%description%" />
 <meta name="keywords" content="%keywords%" />
 <title>%title%</title>
 <link rel="stylesheet" href="../../css/mycms/start.css" type="text/css">
 <script type="text/javascript" src="/js/easy.php"></script> 
 <bgsound></bgsound><style></style>

 </head>

 <body>

<table background="../../images/imia fona.gif" width="100%" height="100%" cellspacing="0" border="0" cellpadding="0" align="left">
 <tbody align="left" valign="top">
 <tr>
 <td width="20%" height="180" colspan="3"><img src="../../images/logo.jpg"
alt="Логотип Тильш Проект. Продолжение логотипа, с элементами навигации переходящего в шапку сайта. Продолжение шапки сайта."
height="180"><img src="../../images/logonext.jpg"><img src="../../images/logonext.jpg"></td>
 </tr>

 <tr>

 <td width="10" colspan="3" height="15" bgcolor="red">Меню проектов..: "Нейтрино"
 </td>

 </tr>

 <tr>
 <td width="20%" height="100%" bgcolor="green">
 Меню сайта
 </td>
 <td width="62%" >%content%


 </td>
 <td width="18%" >
 Подменю, баннеры, блоки и рекламы.
 </td>
 </tr>
 <tr>
 <td>
 <a target="_blank" href="http://umi-cms.ru">Сайт строится на движке UMI.CMS!</a>
 </td>
 <td width="10" colspan="2" height="10" bgcolor="red">Дизайн и разработка сайта: <a target="_blank" href="http://www.tilsh.com">Тильш Станислав Александрович .</a>
 </td>
 </tr>
 </tbody>
</table>

 </body>

</html>

Вот css:

*{
 margin: 0px;
 padding: 0px;
 }

А вот то как это у меня выглядит на данный момент, цвета просто так чтобы четче обрисовать структуру таблицы: блин не знаю как закинуть... :-(

Мне интересно ваше мнение, дорогие, опытные веб-програмисты! Ваши советы вообще правильный ли я путь выбираю для создания шаблона главной страницы. Я только осваиваю HTML и CSS. Так же немного разбираюсь в PHP и MySQL.

Заранее благодарен за ответы и конструктив.

Вот сайт: www.tilsh.com сейчас туда выложу последние изменения у меня на локалке которые были сделаны...

Stasroot1 · May 11, 2008

От какого белого места? Внизу окна браузера что ли?

Нет внизу картинки в шапке сайта, ну и внизу окна браузера тоже надо впринципе.

В эксплорере этого белого промежутка нету под рисунком. а в других у меня все равно остаеться.

И как ты сделал так что картинка дальше проставилась вправо?

Shuranka · May 11, 2008

Нет внизу картинки в шапке сайта,

Отрицательное значение margin:

<img src="logo.jpg" style="margin-bottom:-5px;" width="300"
alt="Логотип Тильш Проект. Продолжение логотипа, с элементами навигации переходящего в шапку сайта. Продолжение шапки сайта."
height="180">

И как ты сделал так что картинка дальше проставилась вправо?

Свойства background-img и background-repeat для

:

 <td style="background-image:url(logonext.jpg); background-repeat:repeat-x;" width="100%" height="180" colspan="3">

Stasroot1 · May 12, 2008

Блин. ну я торможу по страшному.... у меня как не крути получаеться, что повторяющееся изображение размещаеться под логотипом и все тут! чувствую себя мартышкой, которая не знает куда надеть очки! Из басни Крылова! :-(

Вот часть кода:

.........
<tbody align="left" valign="top">
 <tr>
 <td width="300px" height="180px" colspan="3"><img src="../../images/logo.jpg" style="margin-bottom:-5px;" width="300"
alt="Логотип."
height="180"><img src="../../images/logonext.jpg" style="margin-bottom:-5px;" style="background-image:url(logonext.jpg); background-repeat:repeat-x;" width="100%" height="180" colspan="3"></td>
 </tr>
........

Уже разобрался! Надо было вот так:

...............
<tbody align="left" valign="top">
 <tr>
 <td width="300px" height="180px">
<img src="../../images/logo.jpg" style="margin-bottom:-5px;" width="300" alt="Логотип Тильш Проект." height="180">
 </td>
 <td>
<img src="../../images/logonext.jpg" style="margin-bottom:-5px; background-image:url(logonext.jpg); background-repeat:repeat-x;" width="100%" height="180">
 </td>
 <td>
<img src="../../images/logonext.jpg" style="margin-bottom:-5px; background-image:url(logonext.jpg); background-repeat:repeat-x;" width="100%" height="180">
 </td>
 </tr>
.........................

Спасибо за помощь

Shuranka · May 12, 2008

Вообще-то background-image нужно задавать не для тега , а для ячейки таблицы .

Sign In

Сайт портального типа. Создание шаблонов.

Question

Stasroot1

Link to comment

Share on other sites

29 answers to this question

Recommended Posts

Stasroot1

Link to comment

Share on other sites

Shuranka

Link to comment

Share on other sites

Stasroot1

Link to comment

Share on other sites

Shuranka

Link to comment

Share on other sites

Обсуждения

Forums

Important Information