Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Тестирование верстки в старых IE под Windows 8.1

    Здравствуйте! Обновила компьютер. Установила Windows 8.1 - лицензионную, Для тестирования верстки были скачаны с сайта modern.ie виртуальные машины с соответствующими браузерами. Все так, как советует сама Майкрософт. Попробовала протестировать первую страницу. Загрузка страницы длится примерно секунд 50! Это же немыслимо! Никто не пользуется виртуалками для тестирования именно на W8? На W7 было тоже не быстро, но не так! Так разве должно быть?

    Asked by Светлана Г.,

    0 votes
    11 answers

  2. Пункты раскрывающегося меню не влазят в экран

    Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

    Asked by Psyh,

    0 votes
    2 answers

  3. Не работает выравнивание картинки по горизонтали

    Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!

    Asked by hiko-sensei,

    0 votes
    3 answers

  4. Почему такое поведение атрибута src?

    В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

    Asked by aqua.77,

    0 votes
    1 answer

  5. Размещение обьекта

    Привет . Не могу понять почему моя картинка(аватар) появляется перед меню. Мне нужно что бы она была в правой части экрана . Первым лого , потом меню и сразу за ним аватар. Spoiler <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link href="Style.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="wrapper"> <div class="header"> <div class="headermenu"> <span class="logo">YokNgalam</span> <ul> <li><a href="#">Home</a></li> <li><a href="#">Destination</…

    Asked by kaplunA,

    0 votes
    1 answer

  6. Виджет "Forismatic"

    Привет. А как поставить себе на сайт виджет forismatic, как на яндексе (скриншот)? У них на сайте смотрел, но там не понял многое P.S. Зашел на их api - http://api.forismatic.com/api/1.0/, но там пишет "Error: wrong method.". Почему ошибка? Cпасибо!

    Asked by Alter_Ego,

    0 votes
    1 answer

  7. Оформление текста

    Текст в шапке сайта выглядит так http://mystylish.ru но должен выглядеть так http://mystylish.ru/category/k-prazdniku (тут это просто картинка) Вроде изначально все было хорошо и h1 и h2 были нужного цвета и размера, не могу понять, почему текст стал черным и обычного размера. .logo { float:left; } .logo img { margin:15px 0px 0px 15px; display:block; } .logo h1 { margin:15px 0px 0px 15px; font-family:Georgia,serif; font-size:36px; font-weight:bold; line-height:30px; letter-spacing:0px; } .logo h1 { color:#326693; display:block; } .logo a:hover { color:#333; text-decoration:none; } .logo .desc { display:block; font-family:Arial,serif; font-size:11px; font-weight:normal;…

    Asked by fowl,

    0 votes
    0 answers

  8. Как постепенно делать бекграунд невидимым ?

    Вот у меня бекграунд резко заканчивается там, где заканчивается контент. В принципе картинка плавно переходит в фон, но когда контента много. А когда мало - вот такая четкая граница, как сделать чтобы фоновая картинка внизу плавно исчезала, независимо от количества контента ?

    Asked by kpripper,

    0 votes
    6 answers

  9. Помогите реализовать

    Вот появилась такая задумка но не знаю как её осушествить, нужно чтобы при наведении на картинку(опубликованную в посте допустим на форуме пример тут ) вылазило окошечко и там была доп. информация Как это можно сделать?

    Asked by misnik92,

    0 votes
    4 answers

  10. Выравнивание текста в блоке по ширине и по левому краю

    День добрый форумчане. Суть вопроса. Есть блок с текстом, блок резиновый. Задача: если ширина блока меньше определённого количества пикселей, то выравнивать текст по левому краю блока, если же больше — по ширине блока. Можно ли это реализовать на голом html5 + css3 или, только js Если с js то желательно примерчик или ссылку на мануал. Спасибо.

    Asked by bigperson,

    0 votes
    5 answers

  11. Визуальные закладки Яндекса поставить на сайт, можно ли?

    Хочу поставить Визуальные закладки Яндекса на сайт, можно где то скачать код их? Или может есть уже готовое решение( Может быть есть их макет готовый)? Или как их вытащить из браузера? Через firebug долго заморачиваться, может кто нибудь дать дельный совет? Или может кто нибуть их сделать...

    Asked by fanta,

    0 votes
    5 answers

  12. Как это сделано?

    Здравствуйте! Заинтересовало меня вот такое подстраивание изображений под размеры окна: _http://www.yootheme.com/demo/joomla/subway Как это сделано? С помощью js? PS: к сожалению, ссылка не ведет напрямую... Но если выбрать Moreno - то, что нужно. Вообще, сайтов с таким способом подстраивания встречается много. Вот скриншот:

    Asked by Светлана Г.,

    0 votes
    3 answers

  13. Меню с закруглёнными пунктами

    Хотел сделать менюшку, в которой у пунктов справа будет закругление. Получается симпотично, но вот когда пункт активен или на него наведён курсор, то....сами посмотрите на скриншот и поймёте в чем беда. Подскажите решение проблемы. Вот стили: http://pastebin.ru/bk24Okzf

    Asked by xSPiRiTx,

    0 votes
    1 answer

  14. Влияние статичного блока на абсолютно позиционированные псевдоэлементы

    Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…

    Asked by Sigizmund,

    0 votes
    7 answers

  15. Создание "умного" футера

    В общем задача сделать футер такой, что бы если страница меньше чем размер экрана браузера - он ставится в самом низу экрана. При чем при таком раскладе он может накладываться на текст, так что нужно еще и учесть высоту его, в 175пк. Если же страница больше высоты экрана то футер ставится в самый конец страницы. Просто я уже многое перепробовал. Например мой последний вариант: body {min-height: 880px;position: relative;}.footer {position: absolute;width: 100%;left: 0;bottom:-175px;background: #0F6B00;}Но на страницах, которые значительно больше минимальной высоты футер ставится просто под моим экраном, где min-height играет свою роль. Если убрать absolute то все настр…

    Asked by Coshe,

    0 votes
    3 answers

  16. @media

    Страница имеет разный вид, в зависимости от устройства. Экран телефона, планшета, десктопа на симуляторе выглядят по сценарию http://quirktools.com/screenfly/#u=http%3A//richel.skepton.ru/&w=320&h=480&a=33&s=1 Открывая ссылку на реальном устройстве http://richel.skepton.ru/# , видим флюид, но не респонсив. Отображается последний из трёх возможных вариантов + часть свойств вынесенных за скобки условий, относящихся ко всем трём вариантам и не вошедших в данный диапазон. @media screen and (min-width:770px) { -----some css code-----}Для уменьшения кода и ускорения загрузки на моб устройствах, прописано сначала всё для мобильников + то, что относится дл…

    Asked by seemax,

    0 votes
    2 answers

  17. jQuery Template, я не понимаю

    В чём смысл существования jQuery Template, в чём его преимущество? Вот у нас есть стандартный сайт с обычной схемой вывода данных, когда php берёт данные из БД, пихает их в smarty, а в шаблонах уже через переменные smarty идёт вставка данных. И зачем на таком сайте вводить дополнительную прослойку, когда сначала данные из smarty идут в JS-переменные (как скрестить smarty и jQuery Template отдельный вопрос), а уже только потом данные вставляются в DOM-структуру посредством JS? Или есть какие-то кейсы, когда это оправдано?

    Asked by antonKar,

    0 votes
    5 answers

  18. нужна помощ и консультация по div и сайту

    Здравствуйте, Помогите пожалуйста с одно-страничным сайтом для внутреннего пользования завода, решил сделать сайт блочного типа вот есть только одно но, не получается растянуть блоки под разные разрешения экранов http://jsfiddle.net/z0nynx6r/

    Asked by paradox93,

    0 votes
    6 answers

  19. чтоб картинка помещённая на сайт как бэкграунд не размножалось

    Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?

    Asked by exploer,

    0 votes
    3 answers

  20. обратиться к div в адресе ссылке

    Доброе время суток. Использую <iframe> на странице и возник вопрос. Возможено ли вставить не всю страницу на которую ссылается iframe а только конкретный объект на той странице? Зарание Благодарю!

    Asked by artdizz,

    0 votes
    1 answer

  21. div

    Возможно ли выровнять сам блок div по центру страницы а не только его содержимое по среди блока?

    Asked by MefistofeleS,

    0 votes
    4 answers

  22. Помогите с Ролловер-эффектом

    Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..

    Asked by Dextor,

    0 votes
    3 answers

  23. 1 ссылка не отображается в мазиле и опере

    Всем спасибо за помощь, тема закрыта.

    Asked by mov2000,

    0 votes
    7 answers

  24. Как сделать правильно?

    Подскажите, как правильно написать код, чтобы объекты ( текст и изображение ) располагались именно таким образом? Я просто не знаю как одну область разбить например на две вертикальные части, где в одной, как на скрине, слева был бы текст, а в другой, справа, было бы изображение! Заранее благодарен!

    Asked by tema,

    0 votes
    7 answers

  25. Резина + две фиксированные одна под другой, проблема?

    Проблема, как сохранив (важно!) данный порядок блоков сделать так, чтобы сайдбар прижался вверх к меню. Сейчас он начинается под контентом. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Слева резиновая, справа фиксированные колонки</title> <style type="text/css"> body { color: #000; /* цвет текста страницы */ background: #fff; /* фоновый цвет */ margin: 0; /* убираем поля по краям */ } #header { height: 100px; /* высота шапки */ background: #fc0; /* фон */ } #menu { width: 250px; /* ширина меню */ background: #0fc; float: right; /* всплыва…

    Asked by 2001photo,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept