[HTML, Css] - Задай вопрос, получи ответ

Discussion in 'PHP' started by banned, 28 Jun 2007.

Thread Status:
Not open for further replies.
  1. Edward

    Edward Banned

    Joined:
    11 Feb 2010
    Messages:
    329
    Likes Received:
    21
    Reputations:
    -1
    Здравствуйте, мне необходимо оформить элемент select как на картинке:
    [​IMG]

    Но получается только вот так
    [​IMG]

    Т. е. задача убрать вот эту кнопочку со стрелочкой, и поставить вместо нее картинку. Я пробовал делать через background, но картика прячется за кнопочкой, как такое решить и можно ли вообще ?
     
  2. FeraS

    FeraS Elder - Старейшина

    Joined:
    19 Jan 2007
    Messages:
    555
    Likes Received:
    420
    Reputations:
    76
    jQuery.

    Очень много полезного по запросу: Выпадающий список jQuery
     
  3. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    Такие штуки делаются через js, чтобы скроллировалось и т.п. Сделать с нуля не так то просто для новичка. Как посоветовали постом выше, можешь заюзать jq. Вот плагины.

    http://plugins.jquery.com/plugin-tags/jquery-dropdownlist

    Верхний - простой, там юзается стандартный скрол при развороте.
     
  4. beshenuy

    beshenuy Member

    Joined:
    24 Oct 2009
    Messages:
    176
    Likes Received:
    7
    Reputations:
    2
    Привет


    создал я випадающе меню
    но некоторые пункты меню великоваты .... как можно увеличить ширину поля меню?
    привязав картинку проблемы

    http://s007.radikal.ru/i301/1107/76/c5410c4869c5.jpg



    также привязав скрин шот настроек шаблона через админ панель возможно у них есть нужна настрояка ... просто я не очень силен в англ языке: (и переводчик не особо помог ....

    http://s006.radikal.ru/i213/1107/46/a32ff0ecce47.jpg



    Спасибо за помощь
     
    #1984 beshenuy, 5 Jul 2011
    Last edited: 5 Jul 2011
  5. .::f-duck::.

    .::f-duck::. Member

    Joined:
    30 May 2009
    Messages:
    343
    Likes Received:
    32
    Reputations:
    7
    Текст засунуть в спан и задать ширину?
     
  6. beshenuy

    beshenuy Member

    Joined:
    24 Oct 2009
    Messages:
    176
    Likes Received:
    7
    Reputations:
    2
    или текст зделать в два рядка....или задать ширину столбца...
     
  7. geforse

    geforse Elder - Старейшина

    Joined:
    2 Mar 2008
    Messages:
    617
    Likes Received:
    290
    Reputations:
    1
    [​IMG]

    Как сделать такое окно (с такой-же тенью по краям), с помощью CSS ?
     
  8. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    это можно только для нормальных(не ие) браузеров с поддержкой css3
    http://dotrb.blogspot.com/2009/08/css3-box-shadow.html
    http://habrahabr.ru/blogs/css/81409/
     
    1 person likes this.
  9. geforse

    geforse Elder - Старейшина

    Joined:
    2 Mar 2008
    Messages:
    617
    Likes Received:
    290
    Reputations:
    1
    А если с использованием картинок по краям этого окна ? (чтобы и в не нормальном браузере заработало)
     
  10. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    запросто. Можно через таблицу, можно через дивы с float'ами
     
  11. beshenuy

    beshenuy Member

    Joined:
    24 Oct 2009
    Messages:
    176
    Likes Received:
    7
    Reputations:
    2
    Проблема осталась...прошу вашей помощи.
     
  12. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    Из описания настроек не особо понятно, что за что отвечает. Возможно придётся перевёрстывать. Первое, что я бы сделал, попробовал убрать ограничение на ширину основного контейнера для пунктов или же выставил значение auto(собсна тоже самое что и убрать установленную ширину). Тогда, по идее, ширина основного контейнера должна варироваться от ширины вложенных чайлдов. У основного контейнера не должно стоять overflow: hidden.

    Зы. это всё надо на деле пробовать или иметь больше инфы, хрен его знает как там что устроено.
     
  13. zlo12

    zlo12 Elder - Старейшина

    Joined:
    28 Dec 2007
    Messages:
    535
    Likes Received:
    135
    Reputations:
    34
    Подскажите плз, как объеденить эти элементы, то есть чтобы a:hover распространялся только на #main-nav
    PHP:
    A:hover 
        
    font-size24px
         
    font-weightbold;
         
    colorred 
     
    }

    #main-nav {
        
    background-image:url(../../images/styles/style5/nav.png);
        
    margin-top:212px;
        
    padding-right:30px;
        
    width:940px;}
     
  14. Melfis

    Melfis Elder - Старейшина

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    PHP:
    #main-nav {
        
    background-image:url(../../images/styles/style5/nav.png);
        
    margin-top:212px;
        
    padding-right:30px;
        
    width:940px;
    }
    #main-nav A:hover { /*все ссылки внутри #main-nav*/
        
    font-size24px
         
    font-weightbold;
         
    colorred 
    }
    или же(если понял не так)
    Code:
    #main-nav:hover { /*при наведении на #main-nav*/
    	font-size: 24px; 
     	font-weight: bold;
     	color: red 
    }
    главное не навтыкать пробелов между main-nav:hover
     
    1 person likes this.
  15. zlo12

    zlo12 Elder - Старейшина

    Joined:
    28 Dec 2007
    Messages:
    535
    Likes Received:
    135
    Reputations:
    34
    чёт у меня с головой)
    спасибо
     
  16. #Wolf#

    #Wolf# Elder - Старейшина

    Joined:
    26 Mar 2008
    Messages:
    375
    Likes Received:
    166
    Reputations:
    16
    Есть div с фиксированной шириной, как внутри него выводить блоки(с товарами, например, размеры тоже фикс), чтобы вмещалось по горизонтали столько, сколько возможно, остальное переносилось на следующий ряд и так далее.
    Т.е чтобы я прописал класс для блоков(которые внутри) и в цикле напихал их.
     
  17. zlo12

    zlo12 Elder - Старейшина

    Joined:
    28 Dec 2007
    Messages:
    535
    Likes Received:
    135
    Reputations:
    34
    overflow пробуй
     
  18. Edward

    Edward Banned

    Joined:
    11 Feb 2010
    Messages:
    329
    Likes Received:
    21
    Reputations:
    -1
    Для блоков, что внутри пропиши float: left; Все, блоки в подряд идут, если очередной блок не помещается, он переносится на след. строку и т. д.
     
    1 person likes this.
  19. #Wolf#

    #Wolf# Elder - Старейшина

    Joined:
    26 Mar 2008
    Messages:
    375
    Likes Received:
    166
    Reputations:
    16
    Спасибо, помогло.
    И еще вопрос.
    Есть два дива A и B в обертке.
    Див B значительно больше по высоте, нежели чем див A.
    Как сделать диву А height:100% ?
    (чтобы бордер у дива А был до низа)
     
  20. FewG

    FewG Member

    Joined:
    25 Dec 2009
    Messages:
    136
    Likes Received:
    12
    Reputations:
    0
    3 DIV создай со стилем clear: both;
     
Thread Status:
Not open for further replies.