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

FindeR · 5 May 2013

GAiN, присвоить value="0"
<option selected="selected" value="0">Выбрать:</option>

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

Fuckel · 18 May 2013

daniel777 said:
Хочу сделать горизонтальное меню с помощью тегов <ul> и <li>. Пунктов меню - 7 штук. Первые три, и последние три - фиксированной ширины, например 100 пикселей. А средний(4 пункт меню) - резиновый, то есть тянется по всей ширине экрана.
Я сделал вот такой код, но не могу понять как сделать четвёртый тег <li> резиновым:
HTML:
<style>
.test{
	border: 1px black solid;
	width: 100px;
	display:block;
	float: left;
}
li{
	display: inline-block;
}
</style>


<ul style="list-style: none;">
	<li><a class="test">1</a></li>
	<li><a class="test">2</a></li>
	<li><a class="test">3</a></li>
	<li style="width: 50%;"><a>x</a></li>
	<li><a class="test">a</a></li>
	<li><a class="test">b</a></li>
	<li><a class="test">c</a></li>
</ul>
Буду очень благодарен за совет как дальше действовать в моей ситуации.
Click to expand...
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>

GAiN · 22 May 2013

Как можно сделать прозрачный или невидимый курсор для сайта ?
делал в редакторе artcurs вроде как прозрачный сохранился но он на сайте черным квадратиком отображается.
PS можно и скрыть курсор но браузеры некоторые запрещают скрывать, поэтому заменить на прозрачный курсор нужно

Dmit3Y · 22 May 2013

GAiN said:

PS можно и скрыть курсор но браузеры некоторые запрещают скрывать, поэтому заменить на прозрачный курсор нужно
Click to expand...

А какие браузеры не разрешают скрывать курсор?

А если так:
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 - работает.

GAiN · 22 May 2013

Dmit3Y said:

А какие браузеры не разрешают скрывать курсор?
Click to expand...

Opera и IE

Dmit3Y · 23 May 2013

GAiN said:

Opera и IE
Click to expand...

Погуглив, нашел что Opera не поддерживает смену курсора.

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

0o Chris o0 · 17 Jul 2013

Есть такой 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 срабатывает. Но мне так нельзя. Как с этим бороться?

CoolBoy · 17 Jul 2013

0o Chris o0 said:
Есть такой 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 срабатывает. Но мне так нельзя. Как с этим бороться?
Click to expand...
Событие то напиши

beerhack · 18 Jul 2013

Столкнулся с каким-то неадекватным поведением 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, то проблема исчезает. Но логики не вижу.

0o Chris o0 · 20 Jul 2013

CoolBoy said:

Событие то напиши
Click to expand...

Событие не важно, пусть будет обычный алерт.
Code:
$('#toTrash').click(function() {
alert('yes');
}); 
Проблема в том, что сам клик не срабатывает, не могу понять почему.

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

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

Upd. Проблема решилась добавлением в .trash float: left;

od1n0chka · 6 Aug 2013

как нрисовать рамку вокруг шестиугольника???

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 { position: absolute; top: 0; left: 0; } .b-fork-link { display: block; padding: 10px 40px; margin: 2em 0 0 -3em; font: bold 16px/1 Helvetica, Arial, sans-serif; text-decoration: none; color: #FFF; background: #F40B00; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; } A.b-fork-link:hover { background: #0B00F4; } BODY { font-family: Helvetica, Arial, sans-serif; } h1 { text-align: center; } /* Styles for polygons! */ .b-polygon { visibility: hidden; display: inline-block; overflow: hidden; vertical-align: middle; text-align: center; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .b-polygon-part { visibility: hidden; display: block; overflow: hidden; width: 100%; height: 100%; } .b-polygon-part_content:after { content:""; display: inline-block; height: 100%; vertical-align: middle; } .b-polygon-part_helper, .b-polygon-part_content { visibility: visible; } .b-polygon-part_content { color: #777; text-shadow: 0 -1px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.4); background: url(img/11.png) no-repeat #ffffff center; background-image: -webkit-(linear, 0 0, 0 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-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 -1px 0 rgba(255,255,255,0.6); background: url(img/1.png) no-repeat #ffffff center; background-image: -webkit-(linear, 0 0, 0 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-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(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-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .b-polygon_octagon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .b-polygon_octagon2 { -webkit-transform: rotate(66.6deg); -moz-transform: rotate(66.6deg); -ms-transform: rotate(66.6deg); -o-transform: rotate(66.6deg); transform: rotate(66.6deg); } .b-polygon_octagon>.b-polygon-part { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .b-polygon_octagon2>.b-polygon-part>.b-polygon-part { -webkit-transform: rotate(-21.6deg); -moz-transform: rotate(-21.6deg); -ms-transform: rotate(-21.6deg); -o-transform: rotate(-21.6deg); transform: rotate(-21.6deg); } .hexagon-in2:hover { background-image: url(http://placekitten.com/241/241); } .b-polygon_square { width: 100px; height: 100px; } .b-polygon_octagon { width: 100px; height: 100px; } .b-polygon_octagon2 { margin: 4px; } .b-polygon_octagon2 .b-polygon-part_content { width: 118px; height: 118px; margin: -4px; } .b-polygon_hexagon { width: 202px; height: 100px; margin: 0 -42px; } .b-polygon_hexagon .b-polygon-part_content { width: 118px; height: 100px; margin: 0 42px; } .b-polygon_hexagon2 { width: 100px; height: 200px; margin: -42px 0; } .b-polygon_hexagon2 .b-polygon-part_content { width: 100px; height: 116px; margin: 42px 0; } .b-polygon_dodecagon { width: 100px; height: 100px; margin: 0; } .b-polygons { text-align: center; padding-right: 27px; } .b-megahexagon { width: 406px; margin: 0 auto 2em; padding: 0 36px 50px 18px; counter-reset:hexagon; } .b-megahexagon .b-polygon { margin: 0 -54px -50px 26px; } .b-megahexagon .b-polygon-part_content:before { content:counter(hexagon); counter-increment:hexagon; font-size: 3em; display: inline-block; vertical-align: middle; margin-left: 2px; } .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-left: 112px; margin-right: 112px; }

ссылка как есть http://test-drupal.zz.mu

GAiN · 16 Aug 2013

устройство 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&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
но бывает и не ведёт а открывается всплывающее окно о смени имени канала

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

Tamplier · 19 Aug 2013

Вопрос такой, есть 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.
В двух словах к записанному значению прибавить единицу?

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

profexer · 20 Aug 2013

GAiN
Они используют все тот-же javascript, только не в линейном коде. После загрузки страницы, скрипт отрабатывает и проставляет реакции на события.
Проще понять почитав про jQuery, например.

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

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

При выборе определенного пункта нужно послать на сервер запрос к скрипту (будем считать) счетчика. Как тебе это удобнее сделать - через аякс, фрейм, добавлением фейкового элемента на страницу, так и сделай )

Tamplier · 20 Aug 2013

profexer said:

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

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

При выборе определенного пункта нужно послать на сервер запрос к скрипту (будем считать) счетчика. Как тебе это удобнее сделать - через аякс, фрейм, добавлением фейкового элемента на страницу, так и сделай )
Click to expand...

Нормальный код, не надо.
На словах Лев Толстой, а на деле...

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

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

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

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

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

FrozenCrash · 7 Sep 2013

Есть вот пару вопросов.
1. Как сделать так чтоб гиперссылка не была подчеркнутой ? (пример => пример)

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

FeraS · 7 Sep 2013

FrozenCrash
1. CSS-свойство text-decoration со значением none
2. CSS-свойство width со значением 100%

FrozenCrash · 8 Sep 2013

FeraS said:

FrozenCrash
1. CSS-свойство text-decoration со значением none
2. CSS-свойство width со значением 100%
Click to expand...

Ни то, ни то не работает. Ставлю 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;
}

Melfis · 9 Sep 2013

FrozenCrash said:
Ни то, ни то не работает. Ставлю 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;
}
Click to expand...
Как ты это делаешь? Покажи разметку и стили.

FrozenCrash · 10 Sep 2013

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> а затем таблицы сделать как кнопки.
Есть предположение что я неудачник ))

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

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

Fuckel Banned

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

Dmit3Y Member

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

Dmit3Y Member

0o Chris o0 New Member

CoolBoy New Member

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

0o Chris o0 New Member

od1n0chka Member

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

Tamplier New Member

profexer New Member

Tamplier New Member

FrozenCrash New Member

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

FrozenCrash New Member

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

FrozenCrash New Member

html код google

Переход по ссылке из input html

Таблица html php

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

Useful Searches

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

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

Fuckel Banned

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

Dmit3Y Member

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

Dmit3Y Member

0o Chris o0 New Member

CoolBoy New Member

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

0o Chris o0 New Member

od1n0chka Member

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

Tamplier New Member

profexer New Member

Tamplier New Member

FrozenCrash New Member

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

FrozenCrash New Member

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

FrozenCrash New Member

html код google

Переход по ссылке из input html

Таблица html php

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