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
-
Верстка дивами или с помощью таблиц
Добрый день! Прочитал много статей по теме, во многих написано что если верстка дивами страница грузится гораздо быстрее.Конечно это весомый аргумент . Но хотелось бы еще узнать и ваше мнение , я знаю здесь очень много профессионалов, мне например нравится верстка с помощью таблиц, но я умею также использовать и "диви", на моем сайте есть и диви и таблици,
0 votes6 answers -
Горизонтальное меню
Здравствуйте, подскажите как сверстать горизонтальное меню что бы при клике изменялось.
0 votes6 answers -
Проблема с выводом статей на сайте при добавлении с помощью панели администрирования
Не знаю в тот ли раздел пишу, не ругайте сильно. Есть сайт http://srub-profi.ru/index.php?param=article&title=%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8 на нем статьи. Добавить статьи можно с помощью небольшой администраторской части, где указывается название статьи в input, картинка, и текст статьи в textarea. Данные попадают базу и оттуда подгружаются на сайт. Как видно, если провалиться в "читать далее" в статью, то текст выровнен не по всей ширине и более того большой отступ справа, а там где картинка еще и какие-то непонятные переносы строк. Вопрос: Как исправить ситуацию, чтобы текст при добавлении из администраторской части при выводе на сайт корректно вел себя?
0 votes6 answers -
@font-face не работают в ie7,8
Здравствуйте. Загрузил шрифт на http://www.fontsquirrel.com/fontface/generator/ Ресурс выдал архив, запускаю .html в IE в режиме 7,8 шрифты не работают, в ff,opere,chrome все нормально. Вот пример Моя ссылка
0 votes2 answers -
Высота документа
Рассмотрим простейший пример: html-документ состоит из контейнера html и вложенных в него двух блоков head и body <!DOCTYPE html> <html> <head> <meta charset="utf8"/> </head> <body></body> </html> Firebug и аналогичные средства отладки в других браузерах показывают html {height: 0}, но при задании html {background-color: red} заливается весь документ. Почему, подскажите, пожалуйста.
0 votes5 answers -
Масштабируемый треугольник
http://joxi.ru/TA4RU_3JTJAvSyJOwZA Суть в том, что высота может быть разной, создать треугольник в относительных величинах нельзя. При этом я не представляю как воспользоваться градиентом, потому что весь зеленый блок полупрозрачный. Использовать, допустим трансформы. Но последний раз, когда я сталкивалась с ними - я помню огромные проблемы со skew вместе с rotate - идеального ромба не получится - какая-то сторона будет длиннее. Как же это сделать?
0 votes3 answers -
Очень нужна помощь в оценке лендинга строительной компании!
Здравствуйте! Впервые заказывали лендинг. Вот что нам прислала фирма которую нанимали для этого http://kaktus-group.ru/stshome/ Вроде ничего- нам нравится. Но мы мягко говоря чайники в этом вопросе, вот и решили выставить на суд общественности. Заранее спасибо всем откликнувшимся!
0 votes7 answers -
дизайн бутстрап-формы поломался если добавить в стили control-label класс
Всем привет, Взял стандартную бутстрап форму http://www.codeply.com/go/FbXMFSrGf2 дизайн которой сразу поломался, если добавить в стили control-label класс Имею в виду что лейблы отображаются сверху инпутов, а должны слева... А если убрать из определения стилей control-label - то лейблы отображаются слева от инпутов - что и нужно... Как правильно ? Спасибо !
0 votes1 answer -
В чем проблема?
Есть такой код var th = $('.test-plugin'), dataImage = $('.test-plugin').attr('data-image'), dataImageZoom = $('.test-plugin').attr('data-image-zoom'), dataSize = 300; $(th).addClass("magnifierRentgen"); $(th).resize(function() { $(th).find(".data-image, .magnifier-loupe img").css({ "width" : $(th).width() }); }); $(th).append("<img class='data-image' src='" + dataImage + "'><div class='magnifier-loupe'><img src='" + dataImageZoom + "'>"); $(th).hover(function() {…
0 votes1 answer -
robots.txt
Здравствуйте, как правильно и для всех поисковых систем запретить индексирование конкретной странице вместе со всеми возможными её GET параметрами? Спасибо!
0 votes3 answers -
Несколько HTML страниц на одной HTML странице
Здравствуйте! Как сделать так, что бы на странице "index" находилось несколько других страниц, расположенных в определённых местах. В html 4 это выглядело как то так: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FRAMESET</title> </head> <frameset rows="7%,70%, 15%", frameborder="yes", frameborder = "1"> <frame src="top.html"> <frameset cols="20%,80%"> frameborder="no" <frame src="Menu.html" name="leftFrame" scrolling="yes" noresize> <frame src="Main.html" name="main"> </frameset> <frame src="footer.htm…
0 votes1 answer -
css фон
Подскажите пожалуйста. Коньент с картинкой и абзацем скрываются под футером.
0 votes2 answers -
Проблема с иконкой.
Вот сегодня я поставил иконку для моего сайта. Но в Opera она показывается а в Internet Explorer нет. Вот адрес этого сайта: http://www.clubunnatov.spb.ru/
0 votes1 answer -
ссылки в фреймах
В первом фрейме у меня записано Во втором - это: В IE работает нормально, в опере при нажатии например на первую ссылку в первом фрейме, во втором открывается в верхней строчке второй рисунок c point2, а не первый, то есть происходит смещение.
0 votes0 answers -
Таблица плей-офф
Кто-нибудь может предложить верстку на слоях для таблицы плей-офф? Нигде не нашел, сам попытался реализовать с помощью табличной верстки - удачно (использовал rowspan), но все же мне было бы приятнее на слоях сделать тоже самое. Думаю что тут с позиционированием нужно поиграться? Есть у кого идеи?
0 votes2 answers -
Ссылки на сайты в картинках.
Я хочу на гест поставить ссылки на другие форумы картинкой в формате gif то есть анимированные, и что бы все картинки были одинаковых размеров.Что нужно сделать и как?
0 votes3 answers -
Ячейка теперь не ячейка
Может кому пригодится, сегодня обнаружил, что если ячейке сказать "дисплей блок", то ее спокойно можно вынимать из таблицы и располагать куда угодно отриц. маргинами, позиционированием. Проверил только в Опере, ФФ и ИЕ: да, да, нет(включая 8).
0 votes2 answers -
Выпадающее меню
Добрый день! Подскажите пожалуйста как сделать, что бы второе "Page 3" выпадало справа от первого? наперед спс кто поможет) <style type="text/css"> .menu { width:500px;} .menu ul { list-style:none; margin:0px; padding:0px;} .menu ul li { float:left; margin:0 0 0 2px; text-align:center;} .menu ul li a { display:block; width:100px; background:#3366FF;} .menu ul li a:hover { background:#FF0000;} .menu ul li ul { display:none; width:215px;} .menu ul li ul li { float:none; margin:5px 0 0 0;} .menu ul li:hover ul { display:block; position:absolute;} .menu ul li ul li .ul { display:none; float:left;} .menu ul li ul li .ul2 { display:none; float:none; position:…
0 votes1 answer -
Как состыковать элементы формы
Всем привет, подскажите пожалуйста, как вот эту форму из картинки, поля ввода и кнопки состыковать в один "неразрывный" элемент код формы: <form action="index.php" id="search_id" method="get" onsubmit="return search_checkup();"> <a href="/index.php?language_id=1§ion_id=31"><img alt="Помощь" class="help" src="templates/images/search_help.png"></a> <input accesskey="s" alt="Поиск" id="text_id" maxlength="64" name="text" title="Поиск" type="search" value="" /> <input alt="Поиск" id="submit_id" src="templates/images/search_submit.png" title="Поиск" type="image" value="Поиск" /> </form> CSS-к…
0 votes4 answers -
Выравнивание блока
Как выровнять блок вертикально по центру экрана ? { display:table-cell; text-align:middle; } почему то не работает ( или то я что то не так делаю ) обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)
0 votes11 answers -
Как сделать чтобы фон не просвечивал полупрозрачный бордер?
subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …
0 votes3 answers -
<ul>
Здравствуйте, подскажите можно ли выровнять список <ul> по правому краю, т.е. символ (например точка или квадрат) должен быть не слева, а справа от текста?
0 votes3 answers -
Позиционирование
Почему не работает ? http://jsfiddle.net/ В основном не пашет вертикальное позиционирования, а тут оба (
0 votes12 answers -
поле уехало
помогите пожалуйста понять почему на страничке в последнем хроме поле .fld_search уезжает вверх? в ие подобные проблемы были, но я их решил при помощи условных комментариев. в хроме что можно сделать?
0 votes8 answers -
описание transform-origin
Доброе утро. Буквально вчера познакомился на практике с свойством transform. Далее, по файлу css который я пытаюсь разобрать, увидел свойство transform-origin, сразу полез в справочник css на сайте, но не нашёл этого свойства... Может плохо искал? Прочитал на другом сайте об этом свойстве, но как-то не очень доходчиво всё там расписано. Прошу администрацию сайта добавить описание данного свойства в справочник. Заранее благодарю.
0 votes0 answers