Задать вопрос
Ответы пользователя по тегу CSS
  • Проконсультируйте про тег header в HTML5?

    @sazhyk
    Вот тут всё ж написано.
    Это один из лучших "учебников". Лучше чем они вряд ли кто есть.
    Если туго с буржуинским - меня раньше выручал этот. Как там у них сейчас, я не знаю.
    Ответ написан
    Комментировать
  • Где можно найти урок по адаптивной верстке из макета с (!) минимумом дополненительненительных технологий?

    @sazhyk
    Если вас устраивает bootstrap, то вот getbootstrap.com Я понимаю, что наверное уже заходили на офф сайт. И всё же, официальная документация это гораздо лучше, чем читать или смотреть её интерпретации. Знаний английского там надо самый-самый минимум. В край можно фоспользоваться гугл-транслейтом. На сайте есть и примеры макетов с разными задачами: responsive, fix width, fluid, sticky footer, static navbar etc. Не думаю, что есть прямо "видео по адаптивной верстке". Почитайте про @media {...}. Откройте bootstrap.css, почитайте что там написано. Откройте один из макетов с сайта в режиже просмотра исходного кода. Почитайте код страницы
    А вообще, трудно вам что-либо подсказать конкретнее, не зная ваш уровень знаний html/css.
    Ответ написан
    Комментировать
  • Как сделать ссылкой строку в таблице?

    @sazhyk Автор вопроса
    Уболтал начальство не канифолить моск, а сделать по человечески, в дивах.
    HTML-код
    <div class="person_list_div">
    	<a href="" class="person_list_row">
    		<div class="person_list_number">00001</div>
    		<div class="person_list_name">Иванов И.И.</div>
    	</a>
    	<a href="" class="person_list_row">
    		<div class="person_list_number">00002</div>
    		<div class="person_list_name">Петров П.П.</div>
    	</a>
    </div>

    CSS-код
    .person_list_div {
        display: table;
    }
    
    .person_list_row {
        display: table-row;
        text-decoration: none;
        transition: all 0.1s ease;
    }
    
    a.person_list_row:active,
    a.person_list_row:visited {
        text-decoration: none;
        color: #000000;
    }
    
    a.person_list_row:hover {
        background-color: lightslategray;
        color: aliceblue;
    }
    
    .person_list_number,
    .person_list_name {
        display: table-cell;
    }

    Оставлю это тут, может кому пригодится.
    ЗЫ хотя если будут ещё какие интересные решения было бы познавательно глянуть.
    Ответ написан
    5 комментариев
  • Как создать веб документ формата A4-A9 для печати?

    @sazhyk
    Я для печати создавал полностью отдельные стили @media print и все измерения писал в миллиметрах. Работало одинаково в Лисе, Хроме и ИЕ - то есть на печать выходили одинаковые оттиски. Но почитайте побольше о медиа запросах именно @media print, там много нюансов.
    Ответ написан
    Комментировать