За последние 24 часа нас посетили 17878 программистов и 1650 роботов. Сейчас ищет 1751 программист ...

проблемки с дивом и классом..накосячил.

Тема в разделе "HTML и CSS", создана пользователем Dima4321, 21 ноя 2009.

  1. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Вот код

    Проблема в том что у блока ( т.е у дива)
    1.шрифт не меняется по велечине
    2. Никак не задать подсвечивание ссылки красным цветом

    Помогите пожалуйста.
     
  2. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    font-size

    Не работает? Может виноват visited?
     
  3. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Kreker со шрифтом понял спасибо я про font size 25.


    а вот про подсвечивание при наведении нет.. вот этот параметр hover

    .block1 a:hover { color: red;} но не работает.

    Причем если задавать это не на div а на кусок текста отдельно в не то ве замечательно работает..но только на кусок текста. К диву не применить.


    Помогите люди добрые !!))
     
  4. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Все там применяется.

    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    3. <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
    4. <style type="text/css" media="screen">
    5. <!--
    6. a, a:visited, a:hover {
    7. text-decoration: none;
    8. }
    9. div a:hover {
    10. color:red;
    11. }
    12. div > a {
    13. color:green;
    14. text-decoration: underline;
    15. font-size: 14;
    16. }
    17. -->
    18. <title>Sample</title>
    19. </head>
    20. <div>
    21. <a href="#">sample</a>
    22. <b><a href="#">sample in</a></b>
    23. </div>
    24. </body>
    25. </html>
     
  5. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Все там применяется.

    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    3. <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
    4. <style type="text/css" media="screen">
    5. <!--
    6. a, a:visited, a:hover {
    7. text-decoration: none;
    8. }
    9. div a:hover {
    10. color:red;
    11. }
    12. div > a {
    13. color:green;
    14. text-decoration: underline;
    15. font-size: 14;
    16. }
    17. -->
    18. <title>Sample</title>
    19. </head>
    20. <div>
    21. <a href="#">sample</a>
    22. <b><a href="#">sample in</a></b>
    23. </div>
    24. </body>
    25. </html>
     
  6. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Млин..ну у тебя то просто див...

    а у меня с классом ..ты бы лучше сказал что в моем коде тормозит ((
     
  7. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    у меня проблема именно в том что я для каждой ссылки задал свой цвет уже в самом html..если не задавать то все нормально получается...


    Можно как-то решить проблему ??
     
  8. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Не задавать цвет для каждой ссылки?
    .block1 a {color: #363636} и все
     
  9. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0

    Мой печенюшечный друг )), это я допер и сделал так

    .block1 a:link {
    color: green; }
    что в принципе тоже самое... но мне по прежнему хочется ..чтобы фраза MP3 CDs ( сcatalog)

    и фраза How to buy были с разноцветными буквами...и при этом умудрялись еще подсвечиваться при наведении курсора. Подсвечивания добиться не могу.

    Существует ли какое-нибудь решение ?? кто нибудь ??
     
  10. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Задать им разные классы?

    HTML:
    1. <style type="text/css">
    2.  
    3. a {
    4. text-decoration: none;
    5. }
    6. a:hover {
    7. text-decoration: underline;
    8. }
    9. .link_one {
    10. color: #ff0000;
    11. }
    12. .link_two {
    13. color: #0000ff;
    14. }
    15. </style>
    16. </head>
    17. <a href="#" class="link_one">MP3</a>
    18. <a href="#" class="link_two">Buy</a>
     
  11. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Вот как это я решил


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html><head><title>Вася</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">

    a:link {
    color: blue;
    }
    a:visited {
    color: blue;
    }


    a:hover { color: red;}


    A {
    text-decoration: none; /* Убираем подчеркивание у ссылок */
    }

    td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;}



    .block1 a:hover span{ color: red;}


    .block1 { width: 200px;
    background: #fc0;
    padding: 5px;
    border: solid 1px black;
    font-size: 12pt ;
    font-family: Verdana;
    font-style:normal;
    font-weight:bold;
    text-decoration:none;
    float: right;

    }
    .letter1 {
    color: #8B4726; /* Красный цвет символов */

    }
    .letter2 {
    color: #0000CD; /* Красный цвет символов */

    }
    .letter3 {
    color: #FF3030; /* Красный цвет символов */

    }

    .letter4 {
    color: #B8860B; /* Красный цвет символов */

    }


    </style>
    </head>
    <body>

    <div class='block1'><b><a href="index.html"><span class="letter1">M</span><span class="letter2">P</span><span class="letter3">3</span><span class="letter4"> C</span> </a> </div>

    <a href="index.html"> abbbbba</a>
     
  12. running-frag

    running-frag Активный пользователь

    С нами с:
    4 сен 2008
    Сообщения:
    65
    Симпатии:
    0
    Это на каждой странице такое будет что ли? Дикость. Вынес бы ты это всё в CSS. И что то мне подсказывает, что всё бы работало. У <style></style> есть "подгоны" иногда, не раз сталкивался, которые работают исключительно по CSS файлу. А инлайн нет.