Ссылки

sol · March 29, 2009

Всем привет, нуждаюсь в помощи:

есть таблица

<td height="37" class="menu">

для нее css

.menu {
	background-color: #fcf7f1;
	background-image: url(img/menu.jpeg);
}

пишу текст, он прописываться под фоновой картинкой, как прописать над?

s0rr0w · March 29, 2009

Всем привет, нуждаюсь в помощи:
есть таблица
<td height="37" class="menu">
для нее css
.menu {
	background-color: #fcf7f1;
	background-image: url(img/menu.jpeg);
}
пишу текст, он прописываться под фоновой картинкой, как прописать над?

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

sol · March 30, 2009

код таблицы:

<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="800">
	  <tr><!-- row 1 -->
	   <td height="37" class="menu"></td>
		  </tr>
	</table></td>

css

.menu {
	background-color: #fcf7f1;
	background-image: url(img/menu.jpeg);
}

Searcher · March 30, 2009

воспользуйтесь vertical-align:top;

sol · March 30, 2009

воспользуйтесь vertical-align:top;

а куда вставить этот код?

Searcher · March 31, 2009

воспользуйтесь vertical-align:top;
а куда вставить этот код?

это css.

почитайте для начала про html, все свойства css и т.п., тогда будете знать чем можно воспользоваться для решения простых задач.

sol · April 2, 2009

спс, разобрался

еще вопрос:

есть два текстовых меню, прописываю в css

a:link {
	text-decoration: none;
	color:#725420;
}
a:visited {
	text-decoration: none;
	color:#725420;
}
a:hover {
	text-decoration: underline;
	color:#725420;

}
a:active {
	text-decoration: none;
	color:#725420;
}

получается все текст обоих меню имеет одинаковое оформление

но, для одного меню нужно прописать другой цвет текста - пробовал так:

-т.к. меню имееет свой css прописал в нем цвет ссылки (не помогает)

-прописал <font> тож не помогает

скажите что не так?

Edited April 2, 2009 by sol

Searcher · April 2, 2009

-т.к. меню имееет свой css прописал в нем цвет ссылки (не помогает)

это как меню имеет свой css?

-прописал <font> тож не помогает

этим тэгом уже лучше не пользоваться.

Почитайте хорошенечко про css, а потом реализуйте следующую идею. Каждое меню надо расположить в отдельном контейнере, например в <div>. Этим контейнерам дать уникальные идентификаторы или разные классы. И описать стили ссылок для каждого контейнера при помощи контекстных селекторов. И, конечно, не надо выкидывать описание стилей для всех ссылок.

sol · April 3, 2009

странно..

<td class="footer"> <div align="center" ><a href="http://www.hm">о нас</a> | <a href="http://www.hm">отзывы</a> | <a href="http://www.hm">помощь</a> | <a href="http://www.hm">новые поступления</a> | <a href="http://www.hm">лидеры продаж</a> | <a href="http://www.hm">благотворительность</a> | <a href="http://www.hm">карта сайта</a></div></td>

хочу задать оформление ссылкам (именно этим, другие ссылки на сайте будут с другим оформлением)

1 вариант:

<style type="text/css">
A.blank {
 font-weight: bold; /* Жирное начертание */
}
</style>
</head>
<body>
<p><a href="link1.html">Обычная ссылка</a></p>
<p><a href="http://htmlbook.ru" class="blank">Ссылка на сайт htmlbook.ru</a></p> 
</body>

получается, но нужно каждой ссылке прописывать class="blank", накладно

2 вариант:

<style type="text/css">
A[href^="http://"] {
 font-weight: bold; /* Жирное начертание */
 color: maroon; /* Цвет ссылок */
}
</style>
</head>
<body>
<p><a href="link1.html">Обычная ссылка</a></p>
<p><a href="http://htmlbook.ru">Ссылка на сайт htmlbook.ru</a></p>
</body>

предпочтительнее, но не получается. ссылки остаються стандартными (синие с подчеркиванием)

подскажите плз, как осуществить второй вариант?

Justnewone · April 3, 2009

A[href^=http://] - некроссбраузерный селектор.

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

.container_classname A { .... }

Тем самым отсекутся сылки только внутри этого элемента.

Edited April 3, 2009 by Justnewone

sol · April 3, 2009

A[href^=http://] - некроссбраузерный селектор. - БЛАГОДАРЮ, ОЧЕНЬ ВАЖНО

Можно попробовать, если это в тему, группировать ссылки внитру контейнера с классом, тогда в стилях прописывать
.container_classname A { .... }
Тем самым отсекутся сылки только внутри этого элемента.

попробую

sol · April 4, 2009

сделал так:

A {
 color:#FCF7F1; 
 text-decoration: none;

}
A.content {
 color: #725420; 
}
A.content:visited { /* Цвет посещенных ссылок */
 color: purple;
}
A.content:hover {
color: #725420; /* Цвет ссылок при наведении на них курсора мыши */
text-decoration: underline;
}

получается так, для ссылок которые надо оформит иначе, создается новый класс и добавляется к селектору A

но как в этом случае прописать состояние ссылки hover для

[code]A {
 color:#FCF7F1; 
 text-decoration: none;

}

sol · April 5, 2009

Подскажите кто нибудь..

Searcher · April 6, 2009

не понял последнего вопроса... возможно, изначально логика не верна.

Justnewone дал вам оптимальный вариант, но вы пошли в гору... стали давать каждой ссылке класс. Почитайте внимательно про контекстные селекторы. Они дадут вам возможность задавать разные стили в зависимости от родительского элемента. Для всей страницы тогда можно будет задать одни стили для ссылок, а для конкретных контейнеров - другие. И с описанием :hover и других псевдоклассов проблем не будет.

Clayton · April 7, 2009

Стили для всех ссылок:

a:link {
color:#;
}
a:visited {
color:#;
}
a:hover {
color:#;
}
a:active {
color:#;
}

Переопределить можно, например так:

.class a:link {
color:#;
}
.class a:visited {
color:#;
}
.class a:hover {
color:#;
}
.class a:active {
color:#;
}

В коде такие ссылки нужно поместить дополнительно в какой нибудь тег, например тег определения <span>.

Sign In

Ссылки

Question

Link to comment

Share on other sites

14 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

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