Ответы пользователя по тегу HTML
  • Как определить нажатый и не нажатый radio?

    orlov0562
    @orlov0562
    I'm cool!
    Я предлагаю, искать белый фон, добавить ему класс с серой рамкой.

    Далее повесить обработчик, в котором добавлять рамку выделения.

    Тут можно либо проверять наличие класса серой рамки, либо просто задать стиль серой рамки через !important , зависит уже от необходимой реализации.

    https://jsfiddle.net/4fqheg77/5/
    Ответ написан
    1 комментарий
  • Как правильно получить значение php из xml?

    orlov0562
    @orlov0562 Куратор тега PHP
    I'm cool!
    1) покажи полностью твой код
    2) напиши, что по xml ссылке, у меня она не открывается

    попробуй так:
    $xml = file_get_contents('https://export.yandex.ru/bar/reginfo.xml?region=1');
    $o = simplexml_load_string( $xml );
    var_dump( $o );
    Ответ написан
  • Как отловить "89" при вводе в input?

    orlov0562
    @orlov0562
    I'm cool!
    <input type="text" onkeyup="if (this.value==89) alert('Yo');" value="" />
    Ответ написан
    4 комментария
  • Как правильно расставить заголовки?

    orlov0562
    @orlov0562
    I'm cool!
    Думаю, как-то так:

    <header>
      <hgroup>
         <h1>a branding..</h1>
         <h2>specializing..</h2>
      </hgroup>
    </header>
    
    <main>
        <header>
            <h1>What our service</h1>
        </header>
        
        <p>create quality...</p>
    </main>
    
    <section>
    
        <article>
            <header><h1>Web design</h1></header>
            <p></p>
        </article>
    
        <article>
            <header><h1>Motion video</h1></header>
            <p></p>
        </article>
    
        <article>
            <header><h1>Print design</h1></header>
            <p></p>
        </article>
    
        <article>
            <header><h1>Illustration</h1></header>
            <p></p>
        </article>
    
    </section>


    Советую прочитать это: habrahabr.ru/post/214407
    Ответ написан
    Комментировать
  • Актуально ли в 2015 году добавлять vendor prefix к border-radius?

    orlov0562
    @orlov0562
    I'm cool!
    Прав. Поддержку по браузерам, проблемы и долю браузеров удобно смотреть тут:
    caniuse.com/#search=border-radius
    Ответ написан
    1 комментарий
  • Как задать футеру черный фон на всю ширину экрана?

    orlov0562
    @orlov0562
    I'm cool!
    footer {
        background-color: #231f20;
        color: white;
        display: block;
        height: 400px;
        left: 0;
        position: absolute;
        width: 100%;
    }


    а для того чтобы выровнять содержимое, добавь внутрь wrapper, например:
    <footer>
    <div style="width:900px; margin:0 auto;">
    ..content..
    </div>
    </footer>


    Вообще, в твоем случае лучше поменять структуру, сделать типа такой:
    <body>
        <header></header>
        <main></main>
        <footer></footer>
    </body>

    и прописать нужные стили отдельно для header, main и footer
    Ответ написан
    6 комментариев
  • Как лучше, отдельный файл или тег script?

    orlov0562
    @orlov0562
    I'm cool!
    Зависит от задачи. Если этот JS надо выполнить до загрузки остальных скриптов и элементов (например нужно создать для старых версий IE, какие-то html5 элементы), либо если скрипт совсем маленький, тогда лучше в head. Если это нечто большое и страница спокойно может отобразиться (не путать с работоспособностью) без этого скрипта, тогда в отдельный файл и загружать этот файл вконце документа перед тегом </body>
    Ответ написан
    Комментировать
  • Materializecss или Material Design Light от Google: что выбрать для нового сайта?

    orlov0562
    @orlov0562
    I'm cool!
    Я бы выбрал Materializecss, т.к. фреймворк в первую очередь должен снизить время на разработку. А т.к. там есть все нужные элементы, то именно это он и делает. Что касается MDL, то придется все дописывать костылями.

    Поэтому, я считаю что лучше сейчас быстро запилить проект с Materializecss, а в будущем когда "наступит время MDL", при необходимости и средствах, перейти на него.
    Ответ написан
    Комментировать
  • Как перед текстом вставить иконку?

    orlov0562
    @orlov0562
    I'm cool!
    <style>
    .i {
        background-image:url(https://laravel.ru/favicon.ico); 
        width:16px; 
        height:16px; 
        display:inline-block;
        vertical-align:bottom;
    }
    </style>


    <span class="i"></span> <a href="#">Test</a>

    jsfiddle.net/orlov0562/zo2gm558
    Ответ написан
    Комментировать
  • Хочу создать сайт, используя Material Design. С чего мне начать изучение?

    orlov0562
    @orlov0562
    I'm cool!
    К HTML и CSS добавь JS, учебник тут: javascript.ru и сразу за ним JQuery для облегчения работы с селекторами. Дальше создавай любые дизайны, какие захочешь. Material design - это набор принципов и никакие фреймворки тут не нужны, все можно сделать обычным CSS.

    Ну, а если захочется изучать фреймворки, то заходи на их сайты и в разделе документация читай как их использовать. Bower и всякие другие приблуды, это конечно круто, но в частности bower только копирует из одного места в другую кучку файлов, это ты и руками сможешь сделать. А что касается штук вроде sass, less - то тут конечно сложнее, но если без них не обойтись, то опять же вся инфа по установке есть на их сайтах. Кроме того, есть habr, youtube, google с яндексом.
    Ответ написан
    Комментировать
  • Как поменять язык сайта для англичан?

    orlov0562
    @orlov0562 Куратор тега PHP
    I'm cool!
    <?php
    	if (isset($_GET['lang'])) {
    		setcookie("lang", $_GET['lang'], time()+365*24*60*60, "/");  
    		Header('Location:?');
    	}
    
    	$tr['Site menu'] = [
    		'ru' => 'Меню сайта',
    		'es' => 'Menu del sitio',
    	]; 
    
    	function _($def) {
    		global $tr;
    		$ret = $def;
    		if (isset($tr[$def])) {
    			$lang = isset($_COOKIE['lang']) ? $_COOKIE['lang'] : '';
    			if (isset($tr[$def][$lang])) {
    				$ret = $tr[$def][$lang];
    			}  // else throw new Exception('Translation to language "'.$lang.'" for phrase "'.$def.'" not found');
    		} // else throw new Exception('Default translation for phrase "'.$def.'" not found');
    		return $ret;
    	}
    ?>
    <!doctype html5>
    <html>
    <head><meta charset="utf-8" /> </head>
    <body>
    	<a href="?lang=en">En</a> 
    	&middot; <a href="?lang=ru">Ru</a>
    	&middot; <a href="?lang=es">Es</a>
    	&middot; <a href="?lang=ar">Ar</a>
    	<hr>
    	<?=_('Site menu')?>
    </body>
    </html>
    ?>
    <!doctype html5>
    <html>
    <head><meta charset="utf-8" /> </head>
    <body>
    	<a href="?lang=en">En</a> 
    	&middot; <a href="?lang=ru">Ru</a>
    	&middot; <a href="?lang=es">Es</a>
    	&middot; <a href="?lang=ar">Ar</a>
    	<hr>
    	<?=_('Site menu')?>
    </body>
    </html>
    Ответ написан
    Комментировать
  • Как изменить условие что б кнопка зажигалось не при наличии одного символа а при определенном количестве?

    orlov0562
    @orlov0562
    I'm cool!
    jsfiddle.net/0xL0fctq/3

    if( !$(this).val() || $(this).val().replace(/\D/g,'').length < 5) enable = false;


    только если это не единственно поле в форме, то надо проверить, что это именно оно, например так:

    if( !$(this).val() || (
        $(this).attr('name') == 'phone'
        && $(this).val().replace(/\D/g,'').length < 5
    )) enable = false;
    Ответ написан
    Комментировать
  • Как сделать мульти-фильтр для таблицы HTML?

    orlov0562
    @orlov0562 Куратор тега PHP
    I'm cool!
    Говнокодить, так говнокодить. Используй в фильтрах регулярные выражения, например: E[\s\S]+active :)

    А если серьезно, то алгоритм такой:
    1) Делишь по разделителю(,) на два выражения: EUR, Active
    2) Сравниваешь с значениями столбцов участвующими в поиске
    Ответ написан
    Комментировать
  • Как реализовать переход фона по клику?

    orlov0562
    @orlov0562
    I'm cool!
    Привет.
    Все верно написал, надо Hover на Click поменять. Но, всего скорее просто что-то ты не так менял.
    Выложи исходники на на jsfiddle, чтобы можно было быстро js код поправить и тебе помогу или помогут.
    Ответ написан
    Комментировать
  • Почему разный размер шрифта в Firefox и Chrome?

    orlov0562
    @orlov0562
    I'm cool!
    М.б. где-то случайно масштаб в браузере увеличил, попробуй поискать масштаб в меню или нажать Ctrl+0 (контрол+ноль).

    Кроме того убедись что шрифты одинаковые. Я имею ввиду, что оба браузера используют одинаковый шрифт.
    Посмотреть можно в Firebuge и в Chrome Dev Tools
    Ответ написан
  • Какой скрипт использовать?

    orlov0562
    @orlov0562
    I'm cool!
    Сложно ответить на вопрос, не хватает данных.

    Где лежит данный скрипт, не известно, может лежать где угодно.
    Так же я не понял из описания, это тебе надо сделать, или это сделано, тебе надо разобраться.

    Если первое, значит в самом низу страницы, надо повесить на все checkbox-ы функцию в которой проверять отмечены все чекбоксы в группе или нет, в зависимости от этого, делать ссылки активными или нет.

    Если второй вариант, значит надо искать, где такая функция объявлена. Как искать, это довольно обширная тема, для которой не хватает данных. Ищи в скриптах id, class-ы, которые находятся на элементах выше checkbox-ов.. Например id/class/name checkbox-ов, формы, группы.. где-то там найдешь
    Ответ написан
    Комментировать
  • Можно ли заменять html на стороннем сайте?

    orlov0562
    @orlov0562
    I'm cool!
    Как и писали выше, это можно сделать с помощью дополнения. В FF есть дополнение GreaseMonkey, которое позволяет выполнить клиентский (ваш) JS скрипт после загрузки страницы. В этом JS скрипте можно модифицировать данные так как Вам угодно. Например, я себе для Вконтакте, написал маленький скрипт позволяющий листать фотки скроллом мышки - удобно.
    Ответ написан
    Комментировать
  • Оцените первую верстку из psd макета (критика, замечания, недоработки)?

    orlov0562
    @orlov0562
    I'm cool!
    В целом, все норм, есть некоторые замечания, которые можно быстро исправить:

    1) <html lang="en"> = сайт на русском
    2) jquery.min.js = вниз перед </body>
    3) <a ..><div class="logo-vk"></div></a> = не хорошо так делать, по спеке <a></a> это инлайн элемент. А инлайн элементы должны содержать только другие инлайн элементы. Т.е. в данном случае надо хотя бы div поменять на span с display:inline-block.
    4) во всех ссылках перевод строки:
    <a  class="mail-foter" href="mailto:lektron74@mail.ru">
    				lektron74@mail.ru<br>
    			</a>

    как минимум плохой стиль, т.к. всего скорее попадут доп символы в отображение ссылки
    5)
    <div class="border-2-1"><img src="img/gradient.png" alt=""></div>
    = никогда не надо оставлять alt пустым. Советую прочитать недавнюю статью на хабре про слепого программиста.
    6) Классы и комментарии должны быть в одном стиле и на одном языке:
    <div class="servys">
    				<!-- polosochka -->

    vs
    <div class="wrapper">
    		<div class="content">
    			<div class="header">

    vs
    <p class="servys-design-price">от 1000 рублей </p>
    						<!-- при наведение -->
    						<div class="servys-design-hover">

    7) тэг h1 один раз на странице, если он не является частью article или section:
    <div class="servys-mobile">
    						<h1 class="servys-mobile-name">Разработка<br>Мобильных<br>Приложений</h1>
    					 	<div class="servys-mobile-img"><img src="img/phone.png" alt=""> </div>
    					 	<p class="servys-mobily-price">от 18000 рублей </p>
    					 	<!-- при наведение -->
    					 	<div class="servys-mobile-hover">
    						 	<div class="servys-mobile-hover-top">
    						 	<h1 class="servys-mobile-name">Разработка<br>Мобильных<br>Приложений</h1>
    						 	</div>
    						 	<div class="servys-mobile-hover-text">
    								Android и iOS<br>
    								приложения для<br>
    								коммерческой<br>
    								деятельности
    							</div>
    							<div class="servys-mobile-hover-bottom"></div>
    						</div>
    					</div>


    8) Не знаю что за требования были, но сейчас уже надо сразу адаптировать под mobile devices.. Гугл официально занижает позиции не mobile friendly сайтам. Тем более это довольно просто.
    Ответ написан
    4 комментария