Заморочка С Стилем

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем FreeWay, 13 мар 2012.

  1. FreeWay

    FreeWay Гость

    Всем привет!!!
    Ребята подскажите как правильно сделать ссылку-картинку.

    Вот часть кода с файла стилей:



    Код (Text):
    /* Menu */

    #menu {
    width: 720px;
    height: 50px;
    margin: 0 auto;
    padding: 0px 30px;
    }

    #menu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
    }

    #menu li {
    float: left;
    background: url(/images/img05.jpg) no-repeat right top;
    }

    #menu a {
    height: 35px;
    display: block;
    float: left;
    margin: 0px 20px 0px 10px;
    background: url(/images/img06.gif) no-repeat right 21px;
    padding: 15px 25px 0px 10px;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #4B4B4B;
    border: none;
    }

    #menu a:hover, #menu .current_page_item a {
    text-decoration: none;
    }

    #menu .current_page_item a {
    font-weight: bold;
    }

    #menu .first a {
    padding-left: 0px;
    }


    #Language {
    /*width: 980px;
    height: 174px;
    margin: 0 auto; top  */
    float: right;
    background: url(/images/2.png) no-repeat right;
    }
    Стиль Language добавил я. Хочу чтобы в конце полоски меню, была ссылка картинка на смену языка

    в хтмл это:

    Код (Text):
    <div id="header">
    <div id="logo">
    <h1><a href="#">Limited Liability Company «Magistral-South»</a></h1>

    <p> One of the leading experts in the field of ship repair in Ukraine</p>
    </div>
    <div id="menu">
    <ul id="cssmenu">
    <li class="first current_page_item"><a href="http://localhost:47248/">Main</a></li>                  
    <li><a href="http://localhost:47248/Home/Shiprepairservices/">Shiprepair services</a></li>
    <li><a href="http://localhost:47248/Home/Supply/">Supply</a></li>                    
    <li><a href="http://localhost:47248/Home/Crewing/">Crewing</a></li>
    <li><a href="http://localhost:47248/Home/Contacts/">Contacts</a></li>            
    </ul>


    </div>

    <div id="Language"> <a href="http://localhost:47248/Home/Contacts/" <img src="/images/img08.jpg" width="20" height="20" alt=""/> >RU</a> </div>

    </div>
    <div id="Language"> <a href="http://localhost:47248/Home/Contacts/" <img src="/images/img08.jpg" width="20" height="20" alt=""/> >RU</a> </div>

    пробовал самые разные варианты с этой строкой, и в разных позициях, но всегда не тот вариант, вот скрин:
     

    Вложения:

    • 5555555555.png
      5555555555.png
      Размер файла:
      17 КБ
      Просмотров:
      43
  2. -master-

    -master- Well-Known Member

    Регистрация:
    14 янв 2012
    Сообщения:
    629
    Симпатии:
    19
    Вставте его перед menu.
     
  3. FreeWay

    FreeWay Гость

    блин действительно... так уже лучше, но теперь картинка прижата вверх в право, а все менюшки съехали ниже... почему, ведь изображение плавающее? - float: right
     
  4. -master-

    -master- Well-Known Member

    Регистрация:
    14 янв 2012
    Сообщения:
    629
    Симпатии:
    19
    меню дайте float:left
     
  5. FreeWay

    FreeWay Гость

    добавил в

    Код (Text):
    #menu {
    width: 720px;
    height: 50px;
    margin: 0 auto;
    padding: 0px 30px;
    float: left;
    }
    то же самое...

    и еще почему при манипулировании параметром - margin: 25px 5px 5px 700px; - с разными параметрами

    положение ссылки-картинки остается неизменным. Когда смотрю через фаербаг... то как-будто стиль перекрывается другим стилем... либо я чего-то не понимаю
     

    Вложения:

    • 6666666.jpg
      6666666.jpg
      Размер файла:
      14,3 КБ
      Просмотров:
      33
  6. -master-

    -master- Well-Known Member

    Регистрация:
    14 янв 2012
    Сообщения:
    629
    Симпатии:
    19
    Вы соберите файлик, и киньте сюда, а то так сложно что-то говорить.
     
  7. FreeWay

    FreeWay Гость

    окей, спасибо... собрать это вы в точку... а то он на асп мвс )))))
     
  8. FreeWay

    FreeWay Гость

    вот
     

    Вложения:

    • html.rar
      Размер файла:
      304,6 КБ
      Просмотров:
      5
  9. -master-

    -master- Well-Known Member

    Регистрация:
    14 янв 2012
    Сообщения:
    629
    Симпатии:
    19
    Все правильно, делайте как я сказал, див этот перед меню, а далее уже стилями выгоняйте под то как надо.
     
  10. FreeWay

    FreeWay Гость

    спасибо, теперь отлично, оказывается нужно было еще выше взять....
     
Загрузка...
Похожие Темы - Заморочка Стилем
  1. Amfion
    Ответов:
    3
    Просмотров:
    1.972

Поделиться этой страницей