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

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

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

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

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    HTML:
    <div style="float:left; width:89px; height:32px;"></div>
    <div style="float:left; width:89px; height:32px;"></div>
    <div style="clear:both;"></div>
    <div style="float:left; width:89px; height:32px;"></div>
    <div style="float:left; width:89px; height:32px;"></div>
    <div style="clear:both;"></div>
    <div style="float:left; width:89px; height:32px;"></div>
    <div style="float:left; width:89px; height:32px;"></div>
    <div style="clear:both;"></div>
    HTML:
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="89" height="32" valign="top">&nbsp;</td>
        <td width="89" height="32" valign="top">&nbsp;</td>
      </tr>
      <tr>
        <td width="89" height="32" valign="top">&nbsp;</td>
        <td width="89" height="32" valign="top">&nbsp;</td>
      </tr>
      <tr>
        <td width="89" height="32" valign="top">&nbsp;</td>
        <td width="89" height="32" valign="top">&nbsp;</td>
      </tr>
    </table>
    Я бы по старинке таблицу заюзал. А на самом деле не понятен вопрос, зачем там php и что это за буквы справа? :)
     
  2. оlbaneс

    оlbaneс Moderator

    Joined:
    5 Nov 2007
    Messages:
    1,376
    Likes Received:
    1,094
    Reputations:
    356
    автоматизация. ну например - будет счетчик у кого репа больше их авы в левую таблицу, а во вторую авы тех кто больше всего нафлудил.
    это очень грубый пример, но зачем пхп думаю понятно,
    в таком аспекте интересует
    -------------
    кода нет. все только в разработке.
    вот только что мысль пришла. может надо делать две таблицы? ооп и цсс наше все?
     
    _________________________
    #2062 оlbaneс, 24 Aug 2011
    Last edited: 24 Aug 2011
  3. Edward

    Edward Banned

    Joined:
    11 Feb 2010
    Messages:
    329
    Likes Received:
    21
    Reputations:
    -1
    Добрый день, такая проблема. Вот код:

    Code:
    <div class="leftside-body">
     <ul>
     <li class="act">Кабель
     <ul>
     <li><a href="#">Название</a></li> 
    <li><a href="#">Название</a></li> 
    <li class="act1"><a href="#">Название Название Название Название Название</a></li>
     <li><a href="#">Название</a></li> 
    <li><a href="#">Название</a></li> 
    <li><a href="#">Название</a></li>
     </ul>
     </li>
     <li><a href="#">Тест</a></li> 
    <li><a href="#">Тест</a></li> 
    <li><a href="#">Тест</a></li> 
    </ul> </div>
    
    Code:
    #content .left-side .leftside-body {
     background: url('img/leftside-bg.jpg') #d3d3d3 no-repeat left top;
     width: 264px;
     min-height: 400px; 
    } 
    #content .left-side .leftside-body ul li.act {
     display: block;
     background: url('img/leftside-title.jpg') no-repeat left top; 
    width: 235px; 
    height: 35px;
     padding: 10px 0 0 30px;
     color: #fff;
     font-size: 14px; 
    } #content .left-side .leftside-body ul li ul {
     margin: 20px 0 0 0; 
    } 
    #content .left-side .leftside-body ul li ul li {
     width: 254px; 
    padding: 0;
     margin-left: -30px;
     padding-left: 10px; 
    }
     #content .left-side .leftside-body ul li ul li:hover, #content .left-side .leftside-body ul li ul li.act1 { 
    background: url('img/li-hover.jpg') #fff repeat-x left bottom; 
    }
     #content .left-side .leftside-body ul li ul li a {
     font-size: 14px; 
    color: #479be2; 
    text-decoration: none;
     border-bottom: 1px dotted #479be2;
     padding: 10px;
     display: block; 
    width: 224px; 
    }
    Вот что в итоге получается:

    [​IMG]

    Вопрос: Почему 3 ссылки "Тест" идут сразу после первого элемента списка <li> ? Почему не идет под низом ?
     
  4. FindeR

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

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    Edward, у .leftside-body ul li.act высота стоит 35px;
    После этих 35 пикселей и начинается следующий элемент. Короче, у #content .left-side .leftside-body ul li.act убери height
     
  5. Edward

    Edward Banned

    Joined:
    11 Feb 2010
    Messages:
    329
    Likes Received:
    21
    Reputations:
    -1
    Спасибо, решил уже проблему, для .leftside-body ul li ul li сделал float: left, и после всех пунктов вставил <idv class="clr"></div>
     
  6. bagon66

    bagon66 Banned

    Joined:
    28 Jun 2011
    Messages:
    0
    Likes Received:
    0
    Reputations:
    0
    Как сделать гиперссылку чтобы при нажатии на нее открывалось новое окошко?
     
  7. «DEXTER»

    «DEXTER» Member

    Joined:
    20 Jul 2011
    Messages:
    7
    Likes Received:
    20
    Reputations:
    0
    тег target используй ;)

    Пример:

     
    #2067 «DEXTER», 30 Aug 2011
    Last edited: 30 Aug 2011
  8. Fan1

    Fan1 Member

    Joined:
    26 Feb 2011
    Messages:
    0
    Likes Received:
    5
    Reputations:
    0
    bagon66,
    Пользователи очень не любят внезапное открытие нового окна.
     
  9. GAiN

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

    Joined:
    2 Apr 2011
    Messages:
    2,550
    Likes Received:
    172
    Reputations:
    99
    интересует вот такой скрипт, как на этом сайте внизу страницы:
    поделитесь пожалуйста:
    http://lafoi.livejournal.com/2549.html
    [​IMG]
     
  10. ZeV$

    ZeV$ Elder - Старейшина

    Joined:
    7 Feb 2006
    Messages:
    40
    Likes Received:
    10
    Reputations:
    3
    вот, почитай эту статью. тут более обширно и фундаментально, но точно полезно:
    http://javascript.ru/ui/draganddrop

    либо можно с jquery в несколько меньшее количество строчек это сделать: http://jqueryui.com/demos/draggable/
     
  11. qaz

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

    Joined:
    12 Jul 2010
    Messages:
    1,551
    Likes Received:
    173
    Reputations:
    75
    Как сделать штобы текст межде <td> text </td> нельзя было выделить?
     
  12. Osstudio

    Osstudio Banned

    Joined:
    17 Apr 2011
    Messages:
    638
    Likes Received:
    160
    Reputations:
    81
    HTML:
    <p style="-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none" unselectable="on"> 
    	Этот текст <b unselectable="on">не должен</b> выделяться мышью <i unselectable="on">нигде кроме Оперы</i>
    </p> 
    Несмотря на множественное упоминание на разных сайтах о том, что есть свойство -o-user-select или что будет поддержка user-select без префикса в CSS3 (см. врезку) в Опере, к сожалению, запретить выделение текста нельзя никаким способом, кроме сложного яваскрипта. А такой нормальный яваскрипт, который будет исключать из выделения только нужные элементы у меня нет да и в сети ничего вразумительного не нашел. Поэтому видимо скрипт, который нужно написать для эксплорера должен заработать и в Опере.
     
    1 person likes this.
  13. qaz

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

    Joined:
    12 Jul 2010
    Messages:
    1,551
    Likes Received:
    173
    Reputations:
    75

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

    Osstudio Banned

    Joined:
    17 Apr 2011
    Messages:
    638
    Likes Received:
    160
    Reputations:
    81
    Если мне не изменяет ум, от этого не спастить, если только конвертить в фото весь текст, или писать какой-нибудь JavaScript и т.п.
     
  15. mff

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

    Joined:
    12 Mar 2008
    Messages:
    2,074
    Likes Received:
    701
    Reputations:
    227
    Нет ничего для td, только при помощи JS. Можно вот так извратиться:
    HTML:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><input type="text" disabled="disabled" value="Текст Текст Текст Текст Текст Текст Текст Текст" style="border:none; width:100%;" /></td>
      </tr>
    </table>
    :)
     
  16. Osstudio

    Osstudio Banned

    Joined:
    17 Apr 2011
    Messages:
    638
    Likes Received:
    160
    Reputations:
    81
    Извращенность :D :D
     
  17. CRL

    CRL Active Member

    Joined:
    21 Oct 2006
    Messages:
    47
    Likes Received:
    102
    Reputations:
    12
    Доброе утро, очень прошу помочь вот с чем.
    Имеется 2 радиокнопки, под ними – обычная кнопка.

    Данная штука повторяется на сайте 3 раза, то есть всего нужно 6 различных ссылок.


    [​IMG]


    Вопрос – как отправлять пользователя на разные ссылки в зависимости от выбранной radiobutton?
    Видимо нужно использовать php файл, который будет решать какую ссылку выдать, но опыта ни с php, ни как его прикрутить к верстке у меня к сожалению нет, поэтому очень прошу помочь с этим

    Большое спасибо за ответы
     
  18. Osstudio

    Osstudio Banned

    Joined:
    17 Apr 2011
    Messages:
    638
    Likes Received:
    160
    Reputations:
    81
    Да, можно использовать PHP =)
    PHP:
    <?php
    //Запихиваем в переменную А значения радио кнопки..
    $a = ($_POST['radio_button_name']);
    //Если значение равно "Ребёнок", то...
    if($a == "rebenok") {
    //Перенаправляем на страницу с заказом фото ребёнка...
    header('Location: http://site/children.html');
    exit;
    }
    //Иначе...
    else {
    //Перенаправляем на страницу с заказом фото родных...
    header('Location: http://site/rodnie.html');
    exit;
    }
    ?>
     
    #2078 Osstudio, 22 Sep 2011
    Last edited: 22 Sep 2011
  19. GAiN

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

    Joined:
    2 Apr 2011
    Messages:
    2,550
    Likes Received:
    172
    Reputations:
    99
    случайно скайт подвернулся, вот тут
    http://xn--90a1af9c.xn--p1ai/%D0%B2-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82%D0%B5-%D1%81%D0%BE%D0%B1%D0%B8%D1%80%D0%B0%D1%8E%D1%82-%D0%B4%D0%B5%D0%BD%D1%8C%D0%B3%D0%B8-%D0%BD%D0%B0-%D1%83%D0%B1%D0%B8%D0%B9%D1%81%D1%82/

    у них там планета крутится (Здесь бывают)
    подскажите что за чтуковина такая?
     
  20. Rubaka

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

    Joined:
    2 Sep 2007
    Messages:
    263
    Likes Received:
    150
    Reputations:
    28
    хух!не думал что буду когда нить заниматся дизайном но пришлось=(
    есть большааая длинная таблица с сортировкрй на jQuery(сортирует плагин tablesorter),
    при клике на head-ре таблицы значения сортируются! и так как таблица длинная,то я написал строчку на js которая добавляет к head-у таблицы
    Code:
     {position:fixed; top:78px;}
    т.е. если юзер будет листать эту таблицу вниз ,то head останется вверху!
    если непонятно вот скрин
    [​IMG]
    что делать чтоб не ужимался head таблицы!
    прописка в css принудительно width не помогает,table-layout:fixed тоже!
     
    #2080 Rubaka, 29 Sep 2011
    Last edited: 29 Sep 2011
Thread Status:
Not open for further replies.