задачка по веб дизайну

Подключаем наши девайсы к компьютеру. Обсуждаются: порты, протоколы, драйвера, языки программирования и т.д.
Ответить
Потрогал лапой паяльник
Сообщения: 322
Зарегистрирован: Сб окт 31, 2009 15:59:54

Сообщение романыч »

привет коллеги!помогите разобраться.решил на досуге (в отпуске!!! я мяу, наконец!!!)вот есть код меню

<FONT color="#FFFAFA" align="center">
<a href="#"><button>Главная</button></a> <br> <br>

<a href="about.html"><button>О группе</button></a> <br> <br>

<a href="text.html"><button>Тексты и переводы</button></a> <br> <br>

<a href="fotoalbum.htm"><button>Фото</button></a> <br><br>
вот ie не понимает когда тег баттон вложен в тег а.надо на он кли повесить события я упорно не могу понять как сделать.подскажите пожалуйста
Контактная информация:
Реклама
Открыл глаза
Сообщения: 43
Зарегистрирован: Пн май 30, 2011 13:44:44

Сообщение muxa555 »

Попробуйте так:

<button onclick="location.href='fotoalbum.htm'">ФОТО</button>
Реклама
Друг Кота
Аватара пользователя
Сообщения: 8007
Зарегистрирован: Вс ноя 14, 2010 19:24:26
Откуда: Лукалэнд

Сообщение hybroid »

романыч писал(а):вот ie не понимает когда тег баттон вложен в тег а.надо на он кли повесить события я упорно не могу понять как сделать.
И не должен, это не по стандарту.

Если нужна GUI-шная интерфесная кнопка - надо пользоваться формами. Если нужна свистельно-пердельно-красивенько-гламурная ссылка - обычный тег <a> + стили к нему. Стилями у вас видимо не пахнет, т.к. виднеется тег <font>. Читайте о CSS и о человеческой вёрстке. Документ должен быть свёрстан так, чтобы был вменяемым и понятным с отключенными стилями. Разукрашивать - через таблицу стилей.
Посылать по другому урлу яваскриптом - это тоже дурной тон. Кстати, <button> без формы тоже не пройдёт валидацию.
Потрогал лапой паяльник
Сообщения: 322
Зарегистрирован: Сб окт 31, 2009 15:59:54

Сообщение романыч »

привет коллеги еще раз.дабы не плодить флуд прошу помощи в той же теме.из сss ки не вставляеться фоновое изо.листинги прикладываю.где я недопонимаю?ткните носом(не в гугл там был уже)<html>
<head>
<link rel="stylesheet" href="file/1.css">
</link></head>
<body>
<div id="body"></div>
<div id="main">
<div id="header">
<img src="izo/top_car.jpg"><img src="izo/top_car.jpg">
</div>
<div id="nad"></div>
<div id="sidebar1">
<button onclick="location.href='index.html'">Поиск запчастей</button>
<p><button onclick="location.href='index.html'">Поиск сервиса</button> <br> <br>

<button onclick="location.href='about.html'">Поиск мастера</button>

<p><button onclick="location.href='text.html'">Помощь на дороге</button>

<p><button onclick="location.href='foto.html'">Наша техника</button>
</div>
<div id="tame"></div>
<div id="sidebar2">
Сайдбар 2
</div>
<div id="text">
</div>

<div class="clear"></div>
<div id="footer">
Ну а это наш подвал
</div>
</div>

</body>
</html>



cSS



body
{
margin:0;
padding:0;
color:#000;
background:#fff
}
#main
{
position:relative;
margin:0 auto;
width:980px;

}

#header
{
height:157px;
background-color:blue;
margin-right:13px

}


#text
{
margin:0 auto;
background:#999;
width:600px;
}

#sidebar1
{

width:190px;


float:left;
background:blue;

}
#sidebar2

{

width:190px;

background:yellow;

float:right;


}

#footer
{
background:red;

width:100%;

height:100px;
margin-right:13px;
}

#clear
{
clear:both;
}

#nad{height:157px;
margin-right:13px;
background-image: url('izo/x_8d81544d.jpg') no-repeat; }
}
Контактная информация:
Реклама
Эиком - электронные компоненты и радиодетали
Друг Кота
Аватара пользователя
Сообщения: 8007
Зарегистрирован: Вс ноя 14, 2010 19:24:26
Откуда: Лукалэнд

Сообщение hybroid »

Пути, указанные в CSS, разрешаются относительно каталога, где этот файл обитает. Т.е. в вашем случае картинка ищется в file/izo/картинка.jpg, а лежит видимо просто в izo/картинка.jpg.

Ну и не надо использовать в background-image значение no-repeat. Там только урл должен быть. Лучше затолкать всё в одну строку background.

Сам html у вас до сих пор странный. Смысл тега button не ясен и документ всё ещё не валиден. DOCTYPE, кстати, надо использовать.
Реклама
Ответить

Вернуться в «Интеграция с ПК»