sol Posted March 29, 2009 Report Share Posted March 29, 2009 Всем привет, нуждаюсь в помощи:есть таблица<td height="37" class="menu">для нее css.menu { background-color: #fcf7f1; background-image: url(img/menu.jpeg);}пишу текст, он прописываться под фоновой картинкой, как прописать над? Quote Link to comment Share on other sites More sharing options...
0 s0rr0w Posted March 29, 2009 Report Share Posted March 29, 2009 Всем привет, нуждаюсь в помощи:есть таблица<td height="37" class="menu">для нее css.menu { background-color: #fcf7f1; background-image: url(img/menu.jpeg);}пишу текст, он прописываться под фоновой картинкой, как прописать над?Не может такого быть, чтобы текст прописывался под фоновой картинкой, судя по приведенному коду. Quote Link to comment Share on other sites More sharing options...
0 sol Posted March 30, 2009 Author Report Share Posted 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);} Quote Link to comment Share on other sites More sharing options...
0 Searcher Posted March 30, 2009 Report Share Posted March 30, 2009 воспользуйтесь vertical-align:top; Quote Link to comment Share on other sites More sharing options...
0 sol Posted March 30, 2009 Author Report Share Posted March 30, 2009 воспользуйтесь vertical-align:top;а куда вставить этот код? Quote Link to comment Share on other sites More sharing options...
0 Searcher Posted March 31, 2009 Report Share Posted March 31, 2009 воспользуйтесь vertical-align:top;а куда вставить этот код?это css.почитайте для начала про html, все свойства css и т.п., тогда будете знать чем можно воспользоваться для решения простых задач. Quote Link to comment Share on other sites More sharing options...
0 sol Posted April 2, 2009 Author Report Share Posted April 2, 2009 (edited) спс, разобралсяеще вопрос:есть два текстовых меню, прописываю в 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 Quote Link to comment Share on other sites More sharing options...
0 Searcher Posted April 2, 2009 Report Share Posted April 2, 2009 -т.к. меню имееет свой css прописал в нем цвет ссылки (не помогает)это как меню имеет свой css?-прописал <font> тож не помогаетэтим тэгом уже лучше не пользоваться.Почитайте хорошенечко про css, а потом реализуйте следующую идею. Каждое меню надо расположить в отдельном контейнере, например в <div>. Этим контейнерам дать уникальные идентификаторы или разные классы. И описать стили ссылок для каждого контейнера при помощи контекстных селекторов. И, конечно, не надо выкидывать описание стилей для всех ссылок. Quote Link to comment Share on other sites More sharing options...
0 sol Posted April 3, 2009 Author Report Share Posted 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>предпочтительнее, но не получается. ссылки остаються стандартными (синие с подчеркиванием)подскажите плз, как осуществить второй вариант? Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted April 3, 2009 Report Share Posted April 3, 2009 (edited) A[href^=http://] - некроссбраузерный селектор.Можно попробовать, если это в тему, группировать ссылки внитру контейнера с классом, тогда в стилях прописывать.container_classname A { .... }Тем самым отсекутся сылки только внутри этого элемента. Edited April 3, 2009 by Justnewone Quote Link to comment Share on other sites More sharing options...
0 sol Posted April 3, 2009 Author Report Share Posted April 3, 2009 A[href^=http://] - некроссбраузерный селектор. - БЛАГОДАРЮ, ОЧЕНЬ ВАЖНОМожно попробовать, если это в тему, группировать ссылки внитру контейнера с классом, тогда в стилях прописывать.container_classname A { .... }Тем самым отсекутся сылки только внутри этого элемента.попробую Quote Link to comment Share on other sites More sharing options...
0 sol Posted April 4, 2009 Author Report Share Posted 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;} Quote Link to comment Share on other sites More sharing options...
0 sol Posted April 5, 2009 Author Report Share Posted April 5, 2009 Подскажите кто нибудь.. Quote Link to comment Share on other sites More sharing options...
0 Searcher Posted April 6, 2009 Report Share Posted April 6, 2009 не понял последнего вопроса... возможно, изначально логика не верна.Justnewone дал вам оптимальный вариант, но вы пошли в гору... стали давать каждой ссылке класс. Почитайте внимательно про контекстные селекторы. Они дадут вам возможность задавать разные стили в зависимости от родительского элемента. Для всей страницы тогда можно будет задать одни стили для ссылок, а для конкретных контейнеров - другие. И с описанием :hover и других псевдоклассов проблем не будет. Quote Link to comment Share on other sites More sharing options...
0 Clayton Posted April 7, 2009 Report Share Posted 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>. Quote Link to comment Share on other sites More sharing options...
Question
sol
Всем привет, нуждаюсь в помощи:
есть таблица
для нее css
.menu {background-color: #fcf7f1;
background-image: url(img/menu.jpeg);
}
пишу текст, он прописываться под фоновой картинкой, как прописать над?
Link to comment
Share on other sites
14 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.