HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Расширение блока под контент
Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?
0 votes1 answer -
IE7 и Ctrl +/- = проблема
Воть сайт: http://www.altfotoplus.lv/main_ru.htm И есть одна проблема. В IE7 например при использовании Ctrl +/- для изменения размера сайта по непонятным мне причинам меню ссылок уезжает вправо и это вс? становится ужастным. можете сайти в другие разделы и там нету этой проблемы. Может поможете разобратся с проблемой?
0 votes0 answers -
Статус серверов
Хочу сделать статус бар серверов. Но проблема в том что немогу найти способ запроса на сервера. Открыл страницу со статус барами, там количество игроков на картинку подвешано и подгружается всего 1 js. День пытаюсь через php выудить статусы (пока безрезультатно). Может вы увидете то, чего невидно мне )) Это не пиар а даже наоборот ... нужны статусы офф серверов линейки. Они тут http://www.la2.ru/?act=status , а тут js http://www.la2.ru/style/js/status.js . И подскажите, почему ругается валидатор при доктайпе xhtml1-strict.dtd, на <a href='http://www.la2.ru/?act=status&s=Cadmus><img src='http://www.la2.ru/images/status/Cadmus.jpg' /></a> Интуитивно я …
0 votes1 answer -
Незнаю как увидеть карту сайта.
Понадобилось с сайта скачать файл, но незнаю где он там находится и вообще доступен ли для чтения. Как можно узнать это? Слышал что можно закачать сайт целиком, но работает это простыми переходами с сохранением. Тоесть если обращение к файлу через php, то не факт что скачает.
0 votes1 answer -
Полное центрирование блока
Вроде все элеметарно...если позиционированый блок с фиксированым размерами, а если %, то возникает непонятной косяк при вертикальном центрировании. Собсна, хватит слов, вот код body,html { height: 100%; } body { background: rgb(240,240,240); width: 100%; min-width: 1000px; max-width: 1600px; margin: 0 auto !important; } div.wrapper { background: rgb(255,255,255); width: 40%; height: 40%; position: fixed; top: 50%; left: 50%; /* margin-top: -10%; */ /* Opera, FF, IE */ margin-top: -20%; /* Chrome */ margin-left: -20%; } div.wrapper p { padding: 20px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…
0 votes1 answer -
Проблема с блоком
Не могу понять почему блок text_mark не липнет к правому краю родительского блока. Вообще хочу его распложить ниже navigation, но по правому краю. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="author" content="WhiteNight" /> <title>Неназванный 2</title> <style> .one { height: 400px; width: 800px; border: 1px solid blue; } #search { text-align: ri…
0 votes3 answers -
Вопрос по FLASH
Добрый день ! Подскажите, как мне решить проблему. Создал баннер на FLASH, вставил код в страничку: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="180" height="400" id="nomon" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="/galery/nomon/nomon.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="galery/nomon/nomon.swf" quality="high" bgcolor="#000000" width="180" height="400" n…
0 votes2 answers -
Корректная разбивка на страницы
Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…
0 votes2 answers -
баг ie6 ie7
Помогите с отступами между списками в іе!! КОД СSS: *{padding:0;margin:0} html{height:100%; } body{height:100%; background-color:#5b0302; font:10pt Arial, Helvetica, sans-serif; text-align:center;} ul{list-style-type:none; width:179px;} ul li{width:179px; height:62px;position:relative;} li ul{position:absolute; top:0; left:179px; } li a{display:block; text-decoration:none; font:12pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:red;width:100%; height:100%;} li ul li{height:31px; width:179px;} код html: <ul id="menu"> <li style="background-color:#0F6"><a href="">Home</a> <ul> <li style="background-color:#F9F">…
0 votes3 answers -
Форма, оцентровать по высоте inputs
Всем здрасте. Нужно оцентровать по высоте инпуты формы. Сделал так: поставил line-height равный высоте самого высокого инпута. ИА 7 понял почти нормально. 8-й версии не понял вовсе. Подскажите кто знает че сделать можно. пс. если у кого есть возможность - посмотрите плз в 9-й версии. стоит XP, инет тупит. все качаю висту... пример здесь
0 votes3 answers -
tbody scroll fix IE7, FF
в опере, хроме и IE8 все отлично опера в FireFox в IE7 вооще кошмар тут исходники css, html http://jsfiddle.net/kvJb9/ помогите с ie7 ff или посоветуйте как c div-вами сделать верх, низ не статичная высота высота середины должна занимать остальное пространство и скроллиться желательно средствами css
0 votes0 answers -
Как определить принадлежность элемента вручную
У меня несколько вопросов. Как можно вручную не смотря в какой либо справочник (если так возможно) определить принадлежность тега к группе строчных или блочных элементов ? Какие ещё существуют группы, если они сушествуют ? Ну и если у кого есть ссылки на таблицы с такими группами или таблицы семантичных и не семантичных тегов и атрибутов. Заранее благодарю надеюсь что понятно задал вопросы.
0 votes3 answers -
проблема с таблицей
Мужики, помогите сделать красиво таблицу, делал ее на css и вот что получается как вы видите столбцы с числами не ровные, потому что разное кол-во знаков. Как сделать чтобы все ровно было? /* Таблица с прайсом */ table { display: table; background: #000;} tr { display: table-row; } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column ; } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } #caption {caption-side: top;} #caption {caption-side: bottom} #table {display: table;} #table {display: table;} .row {dis…
0 votes2 answers -
Проблема с Формой Поиска
Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…
0 votes3 answers -
Opacity
Здравствуйте. У меня есть блок, у которого стоит opacity 0.5, в блоке есть изображение и текст. Проблема в том, что от блока передается opacity к другим элементам в блоке. http://jsfiddle.net/Kz9Rm/
0 votes2 answers -
формы в bootstrap 3
скажите пожалуйста должны ли иметь формы в bootstrap3 какие-нибудь обязательные атрибуты, без которых на телефонах отображаться будут не точно или совсем не будут? например в документации у форм присутствуют такие атрибуты <form role="form"> <div class="form-group"> <input type="email" class="form-control" > ..... ..... их обязательно использовать? у меня нет различных мобильных устройств чтобы проверить
0 votes3 answers -
margin 0 auto
Почему разработчики придумали значение auto а не center????
0 votes3 answers -
Проблемы с выравниванием.
Имеется небольшая шапка, где должны находится несколько кнопок и логотип(просто название сайта). Располагаться должно в таком порядке: ссылка-кнопка(прижата слева), по центру логотип, кнопка(прижата справа). .,, <div id="header"> <a class="menu" href="index.html">Меню</a><a class="logo" href="index.html"><b>Название сайта</b></a><a class="add" href="index.html">+</a></div>... #header{margin:0 auto;height:32px;background: #333;position:fixed;width:100%;z-index:1;} .logo{text-decoration:none;color:white;font-variant:small-caps;font-size:large;display:block;margin-top:5px;text-align:center;} .menu{float:left;} .…
0 votes2 answers -
Как выравнять чекбокс с его описанием
У меня чекбокс получается выше своего текстового описания. Сам квадратик для галочки расположен выше текста. Как можно вертикально центрировать квадратик с текстом? Отступы действуют сразу на весь блок, и вместе с квадратиком двигается и надпись. Вот пример, специально сделал текст меньше - для наглядности. http://jsfiddle.net/r7uQt/
0 votes3 answers -
Стартовый кадр в iframe видео
Здравствуйте, подскажите пожалуйста, как растянуть вот эту стартовую картинку iframe видео из вконтакте? т.е сейчас он отображается вот так: если начать воспроизведение то он становится во весь размер и в нормальном качестве, а как задать эту стартовую картинку на полный экран ? Спасибо.
0 votes1 answer -
Как проверить на валидность сайт?
Всем доброго времени суток! Кто-нить знает, как проверить сайт на валидность, если включен пакет ssi ? Т.е. на страницах повторяется шапка, новости и т.д. Валидатор пишет,что не может проверить такие файлы. СПасибо!
0 votes2 answers -
Как лучше и красивее сделать ?
Здравствуйте. верстаю сайт по макету на бутстрап. есть 4 блокам ,которые пронумерованы. и между ними граница ввиде "плюса". Проблема в том ,что при уменьшении экрана , блоки уходят друг под друга и "плюс" портит весь вид. Как лучше сделать? или может через media запрос убирать стили "плюса" ? или есть решения покрасивее?
0 votes2 answers -
Как светстать блоки уходящие по вправо и влево до конца.
Привет, всем!! Столкнулся с небольшой проблемой при верстке, никак не могу сообразить. В общем есть простой макет, только вот в нем несть несколько элементов, которые уходят вправо и влево до конца экрана, хотя сам контент зафиксирован по центру вот скриншот , подскажите как такое сверстать или хоть дайте ссылку на макет с похожей структурой, который верстали, глянуть код, а то мне что-то в голову ничего не приходит, пятница же блин . Ссылка на сайт в сети (сразу верстаю на вордпресс) : http://dzga.apoehali.com.ua/
0 votes2 answers -
Tag data в зависимости от ширины экрана
День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.
0 votes3 answers -
Ищу наставника
Я начинающий верстальщик, знаю html5, css3, пользовался bootstrap3 и owl carousel. Ищу наставника, чтобы мне помог развиваться и стать полноценным верстальщиком. Я готов выполнять верстку совершенно бесплатно, ради опыта. Можете писать сюда или в вк: https://vk.com/12ricardo.
0 votes1 answer