нужна помощь

jlgau · December 17, 2009

помогите, пожалуйста. хочу чтобы вот так получилось, но и текст и картинки каждый в отдельной строке, что делать? просто мне это надо по-учебе, да и для интереса

Edited December 17, 2009 by jlgau

rus · December 17, 2009

Делаешь списком через теги:

<ul><li><a href="index.html">Главная</a></li></ul>

На тег <a> вешаешь картинку бэкграундом и все... ну и через стили css оформляешь все это дело.

jlgau · December 17, 2009

спасибо!!!

jlgau · December 17, 2009

но как их в ряд поставить? всмысле, чтоюы в линию чтобы были?

Edited December 17, 2009 by jlgau

Great Rash · December 17, 2009

Читайте про float

rus · December 17, 2009

но как их в ряд поставить? всмысле, чтоюы в линию чтобы были?

Вот тут все разложено по полочкам.

Читайте про float

Не только

Edited December 17, 2009 by rus

jlgau · December 17, 2009

если исп. float то получаестя как ступеньки, а как в одну скроку?

Justnewone · December 17, 2009

если исп. float то получаестя как ступеньки, а как в одну скроку?

именно из за флоата так не получица.

jlgau · December 17, 2009

ну так как сделать? какой тег?

Great Rash · December 17, 2009

Вам же написали, в первом посте

Searcher · December 17, 2009

ну так как сделать? какой тег?

Это делается не тэгами а стилями. Как один из вариантов используйте значение left свойства float для элементов списка <li>

Судя по вашему вопросу, вы пока не понимаете что такое стили... Покажите код того, что сделали. Будем разбираться вместе.

И читайте, пожалуйста, правила создания тем, следующий раз буду удалять темы с неинформативными заголовками типа "Помогите", "Нужна помощь", "Спасите" и т.п.

jlgau · December 17, 2009

что такое стили я понимаю, их исп. вместо устаревши атребутов.

вот код XHTML:

<!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">
<head>
	<title>News</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="mypage.css" />
</head>
<body>
<ul style="list-style-type:none;" class="news"><li><a class="news" href="index.html">Главная</a>
<li><a class="news" href="index.html">О компании</a>
<li><a class="news" href="index.html">Продукция</a>
<li><a class="news" href="index.html">О компании</a></ul>
<ul style="list-style-type:none;" class="hr">
<li><div class="hr">В Интернете появился новый опасный вирус
Как сообщает ежедневная рассылка "Лаборатории Касперского", в Сети началась эпидемия нового сетевого червя Nopir.B. Эксперты полагают, что действие вируса нацелено на людей, нелегально скачивающих музыку в формате MP3. </div></li>
<li><div class="hr">Распродажа в новом магазине IKEA завершилась скандалом
Скандалом закончилась распродажа в крупнейшем магазине IKEA в Великобритании. Акция была приурочена к открытию магазина. Озверевшие от возможности купить товары со значительной скидкой, тысячи посетителей смели охрану на входе и ворвались в магазин.</div></li>
<li><div class="hr">Microsoft размещает рекламу в сообщениях об ошибках Windows
В минувший вторник пресс-служба корпорации Microsoft распространила информацию о возможности размещения коммерческой рекламы в сообщениях об ошибке ОС Windows.</div></li>
<li><div>В созвездии Козерога взорвалась планета D90042382B
Космический телескоп Hubble зафиксировал драматический момент – взрыв планеты D90042382B в созвездии Козерога, также известной под названием L023478236BB. </div></li></ul>
<ul style="list-style-type:none;" class="news"><li><a class="news" href="index.html">Главная</a>
<li><a class="news" href="index.html">О компании</a>
<li><a class="news" href="index.html">Продукция</a>
<li><a class="news" href="index.html">О компании</a></ul>
</body>
</html>

а вот CSS:

div {background: url(bg_news.gif);background-repeat:no-repeat;}
a.news:hover {background: url(square2.jpg); background-repeat:no-repeat; background-position:52% 1px;}
body {background-color: rgb(242,255,244)}
a {text-decoration: none; background :url(square1.jpg);}
ul.news {margin: 0; padding: 0;}
ul.news li {display: inline; margin-right:5px; padding: 3px;}

вот так должно получиться

Edited December 17, 2009 by jlgau

Sign In

нужна помощь

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information