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

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

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

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

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    GAiN, присвоить value="0"
    <option selected="selected" value="0">Выбрать:</option>

    Проверять на value != 0
     
  2. Fuckel

    Fuckel Banned

    Joined:
    16 Jan 2008
    Messages:
    274
    Likes Received:
    59
    Reputations:
    6
    Code:
    <!DOCTYPE html>
    <html>
    <style>
    ul { display: block }
    ul li {
    	display: block;
    	background: blue;
    }
    ul li:nth-child(-n+3),
    ul li:nth-last-child(-n+3) {
    	width: 100px;
    	background: green;
    }
    </style>
    <ul>
    	<li>1
    	<li>2
    	<li>3
    	<li>4
    	<li>5
    	<li>6
    	<li>7
    	<li>8
    </ul>
    </html>
     
  3. GAiN

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

    Joined:
    2 Apr 2011
    Messages:
    2,528
    Likes Received:
    166
    Reputations:
    99
    Как можно сделать прозрачный или невидимый курсор для сайта ?
    делал в редакторе artcurs вроде как прозрачный сохранился но он на сайте черным квадратиком отображается.
    PS можно и скрыть курсор но браузеры некоторые запрещают скрывать, поэтому заменить на прозрачный курсор нужно
     
  4. Dmit3Y

    Dmit3Y Member

    Joined:
    19 Jul 2010
    Messages:
    45
    Likes Received:
    8
    Reputations:
    0
    А какие браузеры не разрешают скрывать курсор?

    А если так:
    Code:
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
            cursor:none !important;
    }
    Проверил в Google Chrome и Firefox - работает.
     
  5. GAiN

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

    Joined:
    2 Apr 2011
    Messages:
    2,528
    Likes Received:
    166
    Reputations:
    99
    Opera и IE
     
  6. Dmit3Y

    Dmit3Y Member

    Joined:
    19 Jul 2010
    Messages:
    45
    Likes Received:
    8
    Reputations:
    0
    Погуглив, нашел что Opera не поддерживает смену курсора.

    По поводу IE не знаю. Но как вариант, сделать курсор 1x1 белый (Или под цвет страницы). И его не будет видно.
     
  7. 0o Chris o0

    0o Chris o0 New Member

    Joined:
    16 Oct 2011
    Messages:
    142
    Likes Received:
    1
    Reputations:
    0
    Есть такой div
    Code:
    <div class=\"info\">
    	Цена: {$image['price']}
    	<br />
    	<a href=\"index.php?page=buy&id={$image['id']}&type={$_GET['cat']}\">Купить</a>
    	<br />
            <span id=\"{$image['id']}\" type=\"{$_GET['cat']}\" class=\"toTrash\">В корзину </span>
    	<span class=\"trash\"></span>
    </div>
    
    Поставлено событие onclick на класс toTrash, но оно не срабатывает.

    Вот css
    Code:
    .typeImage .info {
    	position: relative;
    	display: block;
    	width: 100%;
    }
    
    .typeImage .info .toTrash {
    	position: relative;
    	display: block;
    	width: auto;
    	float: left;
    	cursor: pointer;
    }
    
    Так вот дело в том, что если выставить в .typeImage .info .toTrash ширину фиксированной длины, например 40px, то onclick срабатывает. Но мне так нельзя. Как с этим бороться? :mad:
     
    #2307 0o Chris o0, 17 Jul 2013
    Last edited: 17 Jul 2013
  8. CoolBoy

    CoolBoy New Member

    Joined:
    16 Jul 2013
    Messages:
    2
    Likes Received:
    0
    Reputations:
    0
    Событие то напиши
     
  9. beerhack

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

    Joined:
    1 Mar 2008
    Messages:
    147
    Likes Received:
    55
    Reputations:
    5
    Столкнулся с каким-то неадекватным поведением Google Chrome.
    допустим есть файл index.html с таким содержанием
    PHP:
    <html
    <
    body>
    <
    form action="index.html" method="post">
    <
    textarea name="content"></textarea><br>
    <
    input type="submit" value="submit">
    </
    form>
    </
    body>
    </
    html>
    открываем этот файл в браузере, вводим в поле textarea такой текст
    Code:
    action="index.html"
    и нажимает submit. Нажимаем Ctrl+Shift+I чтобы вызвать Инструменты разработчика и видим, что код поменялся и стало уже вот так
    PHP:
    <html
    <
    body>
    <
    form action="about:blank" method="post">
    <
    textarea name="content"></textarea><br>
    <
    input type="submit" value="submit">
    </
    form>
    </
    body>
    </
    html>
    Вопрос: почему меняется параметр action?
    Получается если снова нажать на submit, то попадаем на about:blank.
    Такая проблема только в Chrome. На данный момент у меня последняя версия 28.0.1500.72 m. Вот и интересно, это проблема браузера или нет?

    Заметил, что если у textarea убрать параметр name, то проблема исчезает. Но логики не вижу.
     
    #2309 beerhack, 18 Jul 2013
    Last edited: 18 Jul 2013
  10. 0o Chris o0

    0o Chris o0 New Member

    Joined:
    16 Oct 2011
    Messages:
    142
    Likes Received:
    1
    Reputations:
    0
    Событие не важно, пусть будет обычный алерт.
    Code:
    $('#toTrash').click(function() {
    alert('yes');
    }); 
    
    Проблема в том, что сам клик не срабатывает, не могу понять почему.

    P.S. Если его вызывать искусственно $('#toTrash').click(), то все работает.

    Upd. Span trash почему то полностью накладывается на toTrash.

    Upd. Проблема решилась добавлением в .trash float: left;
     
    #2310 0o Chris o0, 20 Jul 2013
    Last edited: 20 Jul 2013
  11. od1n0chka

    od1n0chka Member

    Joined:
    13 Dec 2010
    Messages:
    297
    Likes Received:
    47
    Reputations:
    1
    как нрисовать рамку вокруг шестиугольника???
    PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
        <
    meta charset="UTF-8">
        <
    title>True CSS3 convex polygons</title>
        <
    link rel="stylesheet" type="text/css" href="style.css" />
    </
    head>
     <
    style>
    body{
                
    background:#fff url(img/bg.jpg) repeat-y;
                
    font-family:Arial;
                
            }
     </
    style>
    <
    body>
        <
    div class="b-polygons">

            <
    a href="#lol" class="b-polygon b-polygon_hexagon">
                <
    span class="b-polygon-part">
                    <
    span class="b-polygon-part b-polygon-part_content">
                        <
    div class="image"><div>
                    </
    span>
                </
    span>
            </
    a>
        </
    div>
    </
    body>
    </
    html>
    PHP:
    /*_*/

    /* Styles for “Fork” link */
    .b-fork {
        
    positionabsolute;
        
    top0;
        
    left0;
        }
        .
    b-fork-link {
            
    displayblock;

            
    padding10px 40px;
            
    margin2em 0 0 -3em;
        
            
    fontbold 16px/1 HelveticaArialsans-serif;
            
    text-decorationnone;

            
    color#FFF;
            
    background#F40B00;
        
            
    -webkit-transformrotate(-45deg);
               -
    moz-transformrotate(-45deg);
                 -
    o-transformrotate(-45deg);
                    
    transformrotate(-45deg);
            -
    webkit-transitionbackground .3s;
               -
    moz-transitionbackground .3s;
                 -
    o-transitionbackground .3s;
                    
    transitionbackground .3s;
            }
        
    A.b-fork-link:hover {
            
    background#0B00F4;
            
    }

    BODY {
        
    font-familyHelveticaArialsans-serif;
        }

    h1 {
        
    text-aligncenter;
        }

    /* Styles for polygons! */
    .b-polygon {
        
    visibilityhidden;
        
    displayinline-block;

        
    overflowhidden;

        
    vertical-alignmiddle;
        
    text-aligncenter;
        
    text-decorationnone;
        
        -
    webkit-tap-highlight-colorrgba(0,0,0,0);
        }
        .
    b-polygon-part {
            
    visibilityhidden;
            
    displayblock;
            
    overflowhidden;

            
    width100%;
            
    height100%;
            
            }
        .
    b-polygon-part_content:after {
            
    content:"";

            
    displayinline-block;

            
    height100%;

            
    vertical-alignmiddle;
            }
        .
    b-polygon-part_helper,
        .
    b-polygon-part_content {
            
    visibilityvisible;
            }
        .
    b-polygon-part_content {
            
    color#777;
            
    text-shadow-1px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.4);

            
    backgroundurl(img/11.pngno-repeat #ffffff center;
            
    background-image: -webkit-(linear0 00 100%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,.4)));
            
    background-image: -webkit-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4));
            
    background-image:    -moz-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4));
            
    background-image:     -ms-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4));
            
    background-image:      -o-linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4));
            
    background-image:         linear-(top,rgba(0,0,0,0.1),rgba(0,0,0,.4));
            }
            .
    b-polygon:hover .b-polygon-part_content {
                
    color#AAA;
                
    text-shadow0 1px 0 rgba(0,0,0,0.4), -1px 0 rgba(255,255,255,0.6);

                
    backgroundurl(img/1.pngno-repeat #ffffff center;
                
    background-image: -webkit-(linear0 00 100%, from(rgba(0,0,0,.4)), to(rgba(0,0,0,.1)));
                
    background-image: -webkit-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1));
                
    background-image:    -moz-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1));
                
    background-image:     -ms-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1));
                
    background-image:      -o-linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1));
                
    background-image:         linear-(top,rgba(0,0,0,.4),rgba(0,0,0,.1));
                }

    .
    b-polygon_hexagon,
    .
    b-polygon_dodecagon {
        -
    webkit-transformrotate(120deg);
           -
    moz-transformrotate(120deg);
            -
    ms-transformrotate(120deg);
             -
    o-transformrotate(120deg);
                
    transformrotate(120deg);
        }
    .
    b-polygon_hexagon>.b-polygon-part,
    .
    b-polygon_dodecagon>.b-polygon-part,
    .
    b-polygon_hexagon>.b-polygon-part>.b-polygon-part,
    .
    b-polygon_dodecagon>.b-polygon-part>.b-polygon-part {
        -
    webkit-transformrotate(-60deg);
           -
    moz-transformrotate(-60deg);
            -
    ms-transformrotate(-60deg);
             -
    o-transformrotate(-60deg);
                
    transformrotate(-60deg);
        }

    .
    b-polygon_octagon {
        -
    webkit-transformrotate(45deg);
           -
    moz-transformrotate(45deg);
            -
    ms-transformrotate(45deg);
             -
    o-transformrotate(45deg);
                
    transformrotate(45deg);
        }
    .
    b-polygon_octagon2 {
        -
    webkit-transformrotate(66.6deg);
           -
    moz-transformrotate(66.6deg);
            -
    ms-transformrotate(66.6deg);
             -
    o-transformrotate(66.6deg);
                
    transformrotate(66.6deg);
        }
    .
    b-polygon_octagon>.b-polygon-part {
        -
    webkit-transformrotate(-45deg);
           -
    moz-transformrotate(-45deg);
            -
    ms-transformrotate(-45deg);
             -
    o-transformrotate(-45deg);
                
    transformrotate(-45deg);
        }
    .
    b-polygon_octagon2>.b-polygon-part>.b-polygon-part {
        -
    webkit-transformrotate(-21.6deg);
           -
    moz-transformrotate(-21.6deg);
            -
    ms-transformrotate(-21.6deg);
             -
    o-transformrotate(-21.6deg);
                
    transformrotate(-21.6deg);
        }


    .
    hexagon-in2:hover {
        
    background-imageurl(http://placekitten.com/241/241);
        
    }

    .
    b-polygon_square {
        
    width100px;
        
    height100px;
        }
    .
    b-polygon_octagon {
        
    width100px;
        
    height100px;
        }
    .
    b-polygon_octagon2 {
        
    margin4px;
        }
        .
    b-polygon_octagon2 .b-polygon-part_content {
            
    width118px;
            
    height118px;
            
    margin: -4px;
            }
    .
    b-polygon_hexagon {
        
    width202px;
        
    height100px;
        
    margin-42px;
        }
        .
    b-polygon_hexagon .b-polygon-part_content {
            
    width118px;
            
    height100px;
            
    margin0 42px;
            
        }
    .
    b-polygon_hexagon2 {
        
    width100px;
        
    height200px;
        
    margin: -42px 0;
        }
        .
    b-polygon_hexagon2 .b-polygon-part_content {
            
    width100px;
            
    height116px;
            
    margin42px 0;
            }
    .
    b-polygon_dodecagon {
        
    width100px;
        
    height100px;
        
    margin0;
        }

    .
    b-polygons {
        
    text-aligncenter;
        
    padding-right27px;
        }

    .
    b-megahexagon {
        
    width406px;
        
    margin0 auto 2em;
        
    padding0 36px 50px 18px;
        
    counter-reset:hexagon;
        }
        .
    b-megahexagon .b-polygon {
            
    margin-54px -50px 26px;
            }
        .
    b-megahexagon .b-polygon-part_content:before {
            
    content:counter(hexagon);
            
    counter-increment:hexagon;

            
    font-size3em;
            
    displayinline-block;
            
    vertical-alignmiddle;
            
    margin-left2px;
            }
        .
    b-megahexagon .b-polygon:nth-child(5n-1){
            
    margin-left: -60px;
            }
        .
    b-megahexagon .b-polygon:nth-child(5n+1) {
            
    margin-right: -100px;
            }
        .
    b-megahexagon .b-polygon:first-child,
        .
    b-megahexagon .b-polygon:last-child {
            
    margin-left112px;
            
    margin-right112px;
            }
    ссылка как есть http://test-drupal.zz.mu
     
  12. GAiN

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

    Joined:
    2 Apr 2011
    Messages:
    2,528
    Likes Received:
    166
    Reputations:
    99
    устройство html кода на больших сайтах

    как то странно устроен html код на больших сайтах, нет привычных onclick или ссылок в кнопках
    вот например кнопка загрузить видео на ютюбе

    PHP:
    <span class="yt-uix-button-group" id="masthead-upload-button-group"><a href="#" class="yt-uix-button  start link-gplus-lightbox yt-uix-sessionlink yt-uix-button-default yt-uix-button-size-default" data-sessionlink="feature=mhsb&amp;ei=g1kOUpGZGdSZhgH7iYGgCw" data-upsell="upload"><span class="yt-uix-button-content">Добавить видео</span></a><button type="button" class="end flip yt-uix-button yt-uix-button-default yt-uix-button-size-default yt-uix-button-empty" onclick=";return false;" aria-haspopup="true" data-button-menu-id="upload-button-menu" role="button" aria-label="Меню инструментов автора"><img class="yt-uix-button-arrow" src="//s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title=""></button></span>
    здесь нет пивычного js события или ссылок
    ведёт на эту ссылку при нажатии www.youtube.com/upload
    но бывает и не ведёт а открывается всплывающее окно о смени имени канала

    что за методы они используют ?
     
  13. Tamplier

    Tamplier New Member

    Joined:
    1 Jan 2011
    Messages:
    6
    Likes Received:
    0
    Reputations:
    0
    Вопрос такой, есть php:
    PHP:
    <?php
    $file 
    ="test.txt";
    $f_o=fopen($file,"a") or die("невозможно открыть/создать файл");
    fwrite($f_o"1") or die ('Не записал');
    $array=file($file);
    foreach(
    $array as $string)
    fclose($f_o);
    ?>
    Он должен выполняться при клике на html странице, допустим по "ААА", выглядит она так:
    HTML:
    <select id="sel_obs" class="detailText">
                  <option onclick="javascript:selectControl.unselectAll();"></option>
                  <option value="AAA" onclick="javascript:selectControl.unselectAll();selectControl.select(map.getLayer('vectors1').getFeatureById('AAA'));">AAA</option>
                  <option value="BBB" onclick="javascript:selectControl.unselectAll();selectControl.select(map.getLayer('vectors1').getFeatureById('BBB'));">BBB</option>        
                  <option value="CCC" onclick="javascript:selectControl.unselectAll();selectControl.select(map.getLayer('vectors1').getFeatureById('CCC'));">CCC</option>
                </select>
    <td colspan="4" class="bodyText" align="center"><input type="submit" value="Submit"></td>
    Как сделать?

    И второй вопрос:
    Как изменить php, чтобы при каждом новом клике, допустим записано в файл test.txt значение "1", взять это значение и прибавить в нему 1.
    В двух словах к записанному значению прибавить единицу?

    Заранее спасибо.
     
  14. profexer

    profexer New Member

    Joined:
    10 Apr 2013
    Messages:
    21
    Likes Received:
    2
    Reputations:
    0
    GAiN
    Они используют все тот-же javascript, только не в линейном коде. После загрузки страницы, скрипт отрабатывает и проставляет реакции на события.
    Проще понять почитав про jQuery, например.


    Tamplier
    Я так понимаю нужен какой-то счетчик чего-то.

    Приведенный php код - чистый бред (вырезал неаккуратно или и вправду все так плохо?).

    При выборе определенного пункта нужно послать на сервер запрос к скрипту (будем считать) счетчика. Как тебе это удобнее сделать - через аякс, фрейм, добавлением фейкового элемента на страницу, так и сделай )
     
    #2314 profexer, 20 Aug 2013
    Last edited: 20 Aug 2013
  15. Tamplier

    Tamplier New Member

    Joined:
    1 Jan 2011
    Messages:
    6
    Likes Received:
    0
    Reputations:
    0
    Нормальный код, не надо.
    На словах Лев Толстой, а на деле...

    Я отлично понимаю, как необходимо сделать, но не знаю, как это написать.

    if value="AAA"
    делай 1.php
    elseif то-то и то-то
    else блаблабла

    Вместо пустых слов аякс и фрейм, лучше бы один коротенький код, да ясный.
    Нужны чужие идеи, я свои все перебрал, ну не идет и все.

    Что надо добавить в строку, чтобы вызывался данный php, при клике на "ААА"?

    Можешь помочь - помоги.
    Нет, тогда пустых слов не надо.
     
  16. FrozenCrash

    FrozenCrash New Member

    Joined:
    6 Sep 2013
    Messages:
    4
    Likes Received:
    0
    Reputations:
    0
    Есть вот пару вопросов.
    1. Как сделать так чтоб гиперссылка не была подчеркнутой ? (пример => пример)

    Вопрос №2.
    Нужно растянуть кнопки на странице по всей ширине от левой границы до правой.
     
  17. FeraS

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

    Joined:
    19 Jan 2007
    Messages:
    555
    Likes Received:
    420
    Reputations:
    76
    FrozenCrash
    1. CSS-свойство text-decoration со значением none
    2. CSS-свойство width со значением 100%
     
  18. FrozenCrash

    FrozenCrash New Member

    Joined:
    6 Sep 2013
    Messages:
    4
    Likes Received:
    0
    Reputations:
    0
    Ни то, ни то не работает. Ставлю text-decoration: none; не работает все равно ссылка подчеркнута, а если ставлю underline то все подчеркнуты ((
    также само задаю всей группе width: 100%; то ничего не происходит

    Code:
    button {
    	border: 2px solid #8FBC8F;
    	background: #008080;
    	font-size: 16px;
    	font-weight: 200;
    	padding: 5px 20px; /
    	color: #F0E68C;
    	text-align-last: center;
    	text-align: center;
    }
    
     
  19. Melfis

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

    Joined:
    25 Apr 2011
    Messages:
    505
    Likes Received:
    105
    Reputations:
    53
    Как ты это делаешь? Покажи разметку и стили.
     
  20. FrozenCrash

    FrozenCrash New Member

    Joined:
    6 Sep 2013
    Messages:
    4
    Likes Received:
    0
    Reputations:
    0
    HTML код
    HTML:
    <form>
        <button><a href="index.html">Главная</a></button>
    </form>
    Стиль
    Code:
    button {
    	border: 2px solid #8FBC8F;
    	background: #008080;
    	font-size: 16px;
    	font-weight: 200;
    	padding: 5px 20px;
    	color: #F0E68C;
    	text-align-last: center;
    	text-align: center;
    	text-decoration: none;
    	}
    Text-decoration стоит но отображает все равно подчеркнутым надпись "Главная"
    Пытался и для тега form ставить text-decoration и объединить все кнопки в один класс, все равно ничего не выходит.

    Остался у меня только 1 вариант попробывать это сделать кнопки при помощи тегов <tr> и <td> а затем таблицы сделать как кнопки.
    Есть предположение что я неудачник ))
     
    #2320 FrozenCrash, 10 Sep 2013
    Last edited: 10 Sep 2013
Loading...
Similar Threads - HTML Задай вопрос
  1. GAiN
    Replies:
    3
    Views:
    4,782
  2. Cyber_Cat
    Replies:
    1
    Views:
    3,901
  3. 380935901807hd
    Replies:
    14
    Views:
    4,452
  4. Kaimi
    Replies:
    51
    Views:
    48,713
Thread Status:
Not open for further replies.