Xwab
Форумыnavigate_nextHTML/CSS

Помогите з веб дизайном
Сообщения
Framework

//Сорри если что не так =)
Итак делаю веб дизайн =) Проблема появилась  Посмотрите на аттач =) вот так вот я примерно накинул как мой диз выглядит(ужс карикатура)... Все пока-что с ним окей... но вот нарисовалась проблема... мне надо зделать как на рисунку, под меню навигации Раздел и Раздел 2. Так вот, не получается... Раздел 2 кидает туда где знак вопроса... как выровнять под меню навигации? я уже все перепробывал что знал.. Помогите, я ровнял и <p align="right"><p> и див классом, ниче не помогает.. немогу правый блок зделать. Помогите пожалуйста.


__________
посл.ред. 28 Янв 2012, 17:41; всего 1 раз 06 Дек 2010, 16:40
deadline404

http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki

06 Дек 2010, 16:44
Framework

D.T.S, получается та же история =( кидает туда где знак вопроса =( а мне надо под меню навигации (((

06 Дек 2010, 17:00
Framework

у меня панель навигации выведена как таблица... может ето мешает???

06 Дек 2010, 17:12
OTSHELNIK

скинь код твоей странички

06 Дек 2010, 17:20
Framework

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<!--Стиль-->
<link rel="stylesheet" href="css/main.css" type="text/css" />
</head>
<body>
<img src="css/img/header.png" />
<!--Таблица с навигацией-->

<table width="687" border="0" cellspacing="0" cellpadding="0" background="css/img/menu.png">
<tr>
<td width="483"><img src="images/index_01.gif" width=165 height=30 alt="" usemap="#Map" border="0"></td>
<td width="68"><a href="#"><img src="images/index_04.gif" width=68 height=30 alt="" border="0"></a></td>
<td width="70"><a href="#"><img src="images/index_05.gif" width=70 height=30 alt="" border="0"></a></td>
<td width="56"><a href="#"><img src="images/index_06.gif" width=56 height=30 alt="" border="0"></a></td>
<td width="101"><a href="#"><img src="images/index_07.gif" width=98 height=30 alt="" border="0"></a></td>
</tr>
</table>
<!--Новости-->
<div class="news">Новости</div>

</body>
</html>
////////////////////////////
а вот сss:
/*Create by WMS_ITACHI
ICQ 603-283-390
*/
@charset "utf-8";
body{
margin: 0px auto;
padding : 0px;
background-image : url("img/body.png");
font-weight:normal;
font-size:medium;
font-family:Arial;
background-color:#ffffff;
color:#000000;
border: #abbefb;
max-width : 687px;
text-decoration: none;
}
/*Меню под логотипом*/
div.navig{
background-image: url("img/menu.png");
height : 30px;
}
.test{
background-image: url("img/test.png");
background-repeat : no-repeat;
width: 68px;
height : 30px;
color: #fff;
padding : 5px 10px 10px;
text-decoration: none;
margin: 1px;
}
.test:hover{
background-image: url("img/testa.png");
}
div.news{
background-image: url("img/news.png");
background-repeat : no-repeat;
color:#fff;
height: 41px;
margin: 1px;
padding:7px 20px 10px;
}
div.enter{
background-image: url("img/news.png");
color:#fff;
height: 41px;
float:right;
}
#aside {
background-image: url("img/news.png");
width: 300px; /* Ширина правой колонки */
float: right;
}

06 Дек 2010, 17:34
deadline404

также можно панель навигации через <ul> <li>

06 Дек 2010, 17:34
Framework

D.T.S, а так лутше будет??? я тоблицей вывел... может из за етого и не работает...

06 Дек 2010, 17:38
Framework

D.T.S, напши пример пожалуйста =)

06 Дек 2010, 17:39
deadline404

<style>
ul.main-menu{
background: #c0c0c0;
height : 40px;
}

ul.main-menu li{
float : right;
margin-top: 3px;
padding-top: 3px;
margin-bottom: 1px;
margin-right : 7px;
height: 30px;
list-style-type: none;
width: 120px;
text-align: center;
}
</style>

<ul class="main-menu">
<li><a href="#">Главная</a></li>
<li><a href="#" >Портфолио</a></li>
<li><a href="/info" >Инфо</a></li>
<li><a href="#" >Контакты</a></li>
</ul>

06 Дек 2010, 17:43
Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.