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
-
Непонятки с размером шрифта
Добрый день! Не подскажет ли многоуважаемый all. Имеем следующую конструкцию на странице: <table><tr><td> <p> <div style="text-align: justify; font-size: 8px"> <img src="http"> текст1<br> <p><img src="http"> текст2<br> <p><img src="http"> текст3<br> <p> текст4<br> <p> </div> <p> <p> </table> Кто бы объяснил, почему текст1 выводится шрифтом в 6 px, а остальные тексты как положено 8 px? Уже вся голова сломана, а толку нет :-(( Причем такая фишка проявляется в Эксплорере и ФайрФоксе, Опера показывает нормально. Гран мерси.
0 votes12 answers -
Input не работает по краям
Не работает кнопка если нажать по бокам. Если по тексту то работает Вот скрин. На скрине видно что есть отступы в 20px, из-за них как раз таки и не работает вот код <div><a class="post" href="#"><input type="submit" name="new_answer_btn" id="new_answer_btn" value="Отправить"/><em></em></a></div> и стили .new-answer .post, .new-private-answer .post { position: relative; display: inline-block; margin-top: 20px; padding: 0 20px; height: 27px; background: url(/design/main/images/btnbg.png) -12px 0 no-repeat; color: #fff; text-decoration: none; line-height: 26px; font-weight: bold; font-size: 1.167em; } .new-…
0 votes6 answers -
дивы друг под другом
Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> &l…
0 votes9 answers -
Вертикальное меню
Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.
0 votes5 answers -
из за чего в ie6 так?
Из за чего так а не так и как это исправить ———- Спасибо заранее почемуто картинки криво подгрузились вот ссылки http://i.piccy.info/i3/59/2f/1116603231dfe...44cc7a6197.jpeg вот это ие6 http://i.piccy.info/i3/df/fa/ad2cf431326fc...7d9c42be86.jpeg а надо так <div id="nav"> <ul id="menu"> <li><a href="#" onclick="openMenu(this);return false">Меню 1</a> <ul> <li><a href="#">sub menu 1</a></li> <li><a href="#">sub menu 2</a></li> <li><a href="#">sub menu 3</a></li> <li><a href="#">sub menu 4</a…
0 votes6 answers -
верхнее меню -список
есть гориз меню на joomla сверстанное с косяками beta.openvpn.ru . проблема в том что пункты падают на следующую строчку при уменьшении окна браузера. возможно ли сделать так чтобы меню автоматически сжималось при сужении окна браузера, либо варант 2 возможно ли хотя бы зафиксировать его по ширине, но чтобы пункты меню списка были в одной строке и не падали вниз.. если возможно то как?.. замучался гуглить и править код.. подскажите пжлста гуру. вот обрывки хтмль и css <table class="menubg" width="100%" height="33px" align="center" border="0" cellpadding="0" cellspacing="0" background"menu_bg_.jpg"> <td> <div id="top"> <table cellpadding="0" cel…
0 votes1 answer -
связать backgroundы в таблице
Такая вот таблица: <tr> <td background="1.gif" rowspan=2 height="30" width="30"></td> </tr> <tr> <td bgcolor="#fafafa" height="10" width="100%"> <td background="2.gif" colspan="2" height="20" width="100%"> </tr> <tr> <td background="3.gif" height="10" width="15"> </tr> бэкграунд 1.gif сливаеться с 2.gif. 2.gif повторяеться по ширине как сделать, чтобы 3.gif сливалось с 2.gif Т.е. как сделать, чтобы бэкграунд начинался не с 1пикселя изображения, а с пикселя X.
0 votes3 answers -
Отличие css2 от css2.1 (шрифты)
Заметил, что свойства шрифтов в спецификации CSS2 задаются несколько иначе чем в CSS2.1. Какую спецификацию верстальщику необходимо взять за основу? В спецификации CSS2 есть такие свойства шрифтов, как font-size-adjust и font-stretch. В CSS2.1 их уже нет. Куда они делись? Поддерживают ли их современные браузеры?
0 votes1 answer -
зачем getElementById
В многочисленных примерах кода часто используется функция getElementById, вот например "озебривание" таблицы: <table border id="tb"> <tr><td>1.1<td>1.2<td>1.3</tr> <tr><td>2.1<td>2.2<td>2.3</tr> <tr><td>3.1<td>3.2<td>3.3</tr> <tr><td>4.1<td>4.2<td>4.3</tr> <tr><td>5.1<td>5.2<td>5.3</tr> <tr><td>6.1<td>6.2<td>6.3</tr> <tr><td>7.1<td>7.2<td>7.3</tr> <tr><td>8.1<td>8.2<td>8.3</tr> <tr><td>9.1<td>9.2<td>9.3<…
0 votes1 answer -
Проблемы с режимом совместимости
Есть два сайта: верстка st2002.heroku.com и сам сайт: st2002.ru сайт с версткой открывается в ie8 отлично, а вот сайт открывается в режиме совместимости. Строчка <meta http-equiv="X-UA-Compatible" content="IE=8" /> почему-то не выводит из этого режима. В чем дело? Спасибо
0 votes2 answers -
Таймер с выплывающим окном
Добрый вечер всем ) у меня такой вопрос "Как сделать на сайте таймер с выплывающим окном" Время проходит допустим 3 мин и выплывает окно ( не сылка на страницу а окно) где добавить слова! За ранее спасибо!
0 votes15 answers -
Выравнивание по центру
Добрый день! Кто-нибудь знает, как выровнять по центру блок, у которого стоит свойство float:left и который расположен в блоке с фиксированной шириной: вот разметка: <div style="border:1px solid red; width:200px;"> <div style="border:1px solid green; float:left">123</div> <div style="clear:both"></div> </div> Или это вообще невозможно? text-align:center у родительского блока не катит
0 votes5 answers -
HTML редактор
Посоветуйте пожалуйста удобный редактор с подсветкой синтаксиса. И если можно ссылку на скачивание. Спасибо!
0 votes7 answers -
Мобильная версия сайта
Подскажите, пожалуйста, как реализовать мобильную версию сайта? Я пока вообще не понимаю, как это делается. Я почитала статьи и форумы и так понимаю, что существует несколько способов вёрстки под мобильные устройства. Также нашла плагин, который устаналивается в CMS, но на Битрикс, судя по отзывам, этот плагин налазит плохо... Вообще, с чего начать?
0 votes1 answer -
относительная ссылка неработает
Изза чего может неработать относительная ссылка на внешние директории?
0 votes16 answers -
Аккордеон на css
Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.
0 votes7 answers -
Проблема с реализацие элемента.
Здравствуйте! Не могу догнать как сделать чтобы косые линии, что исходят из терминала, дотягивались плавно до рамки над параграфом. Суть задумки такая прокручивается страница до терминала и из него вытягиваются линии и после плавно появляется блок с текстом. Думаю может как с помощью canvas можно сделать плавный эффект вытягивания.
0 votes9 answers -
Короткие тексты с картинками
У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?
0 votes4 answers -
Что делать? [html, js, php]
Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…
0 votes6 answers -
Нужно ли сейчас уметь писАть код руками
Здравствуйте. Хотелось бы из полиграфического верстальщика переквалифицироваться в web верстальщика. В связи с этим вопрос. Нужно ли в нынешних реалиях уметь писать код полностью руками? Если да, то сейчас акуально изучать сразу HTML5? Потому как знаю есть Dreamweaver в котором все гораздо проще чем писать в Notepad++, и, на сколько я знаю, есть Muse в котором просто рисуешь что тебе нужно, а он все это переведет в грамотный код. Выскажитесь профессионалы так ли это? Спасибо.
0 votes8 answers -
как Вот так сверстать без использования flexBox
имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox
0 votes4 answers -
linear-gradient при transform
Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!
1 vote2 answers -
Какие стили рушат пагинацию страницы?
Здравствуйте! Скажите, пожалуйста, что рушит нормальное отображение нижней части со списком остальных страниц открытого раздела на странице?
0 votes9 answers -
Опять этот IE6!
Помогите, пожалуйста! Как побороть IE6? В чем моя проблема off
0 votes1 answer -
доктайп и js, как подружить?
имеется следующий код, на замену iframe: <script type="text/javascript"> function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { showPage1(); }); var baseUrl = ""; function showPage1 () { showPage (document.getElementById ("indexx.html")); } function showPage(el) { var div = document.getElementById("textDiv"); page = baseUrl + el.id; div.innerHTML = "<iframe src ='" + page +"' width='100%' height='100%' scrolling='auto'>"; } </script> продолжение:…
0 votes6 answers