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
-
Можно ли в CSS поднять рамку на несколько символов?
Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…
0 votes3 answers -
Процесс верстки сайта ЦТ «CARBON»
Дизайн главной страницы родился: Сейчас происходит знакомство с версткой. Начала и подзависла в шапке с относительным позиционированием - не хочет сдвигаться.. <body> <div id="header"> <div class="logo_table"> <table border="1"> <tr> <td><img src="img/header/logo.png" alt="Центр Тонирования «CARBON»" /></td> <td> </td> </tr> <tr> <td align="right"><img src="img/header/button.jpg" alt="скидка 5%" /></td> <td><span class="style1"> +7 (4732) 93-90-50<br /> +7 (4732) 94-94-66<br />профессиональное тонирование</span></td>…
0 votes9 answers -
Неверное растягивание (скалирование) div блока по всей высоте body
Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…
0 votes25 answers -
Фоновый звук
Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?
0 votes12 answers -
два класса в один ряд
вобщем есть два класса. <input type="reset" style="" value="очистить" class="resset" name="h37f9"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это? Я попробовал вот таким образом, но почему-то не получилось... input.submit, input.resset { display: inline-block; }
0 votes12 answers -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
Верстка таблицы
Здраствуйте у меня проблемма, не могу сделать чтоб две таблицы отображались внутри базовой таблицы одинаково (в опере норм, в эксплорере нет) помогите пожалуста разобраться в чем проблема, код внизу <table border="0" cellpadding="0" width="100%" height="223"> <tr> <td valign="top" WIDTH="180"> <TABLE WIDTH="175" height="223" CELLPADDING="3" CELLSPACING="1" CLASS="blok"> <TR> <TD CLASS="blok_name" HEIGHT="27" colspan="2">вапвапвап</TD> <TR> <TD><IMG SRC="images/menus/im_lunch.gif" ALT=""></TD> <TD><a href="/index.php?zaved=1&edit5&catid1=5">вапва</a></TD> </TR&…
0 votes12 answers -
Ссылка с флешролика на другую страницу
Люди, подскажите, пожалуйста, что нужно сделать чтобы ссылка с флеш ролика заработала вот с этого - http://www.cbskiev.ru/news/gogolinfo.php , подскажите что я делаю не так
0 votes19 answers -
Выпадающее меню при помощи CSS (проблема с IE8)
Добрый день. Я сделал выпадающее меню при помощи CSS по шаблону, изменив цвет ячеек и стиль текста. В Opera и Firefox всё нормально, а вот в IE8 горизонатльное меню почему то становится вертикальным (ячейки находятся одна под другой) и при этом текст не имеет никакого оформления (пришлось отдельно прописывать стиль внутри условных комментариев). Очень надеюсь на вашу помощь, так как сам не пойму где ошибка. Вот прикрепленные файлы: http://files.mail.ru/MKCEN4 http://files.mail.ru/4POIRC З.Ы. сильно не пинайте, код может показаться вам ужасным, я только только познаю азы, и помощь специалиста мне будет весьма полезна - буду рад любым замечаниям по поводу кода. Спасибо за в…
0 votes6 answers -
Ширина Вложенного Блока Не Растягивается По Ширине Родительского В Ие7
Добрый день всем и с началом трудовой недели У меня тут такая ситуация. Делаю выпадающую менюху со скруглёнными углами и надо сделать так, чтобы она по ширине растягивалась автоматически в зависимости от кол-ва знаков в пунктах меню. И вроде как почти разобрался. Но вот не могу понять как в ИЕ7 заставить верхние блоки (где вставлены радиусы) растянуться по ширине самого выпадающего меню. Возможно ли это сделать? Или в ИЕ7 это не реально? Вот ссылка: http://rubanys.narod.ru/gor_menu/trabl/gor_menu.html
0 votes14 answers -
подсветка ссылки активной страницы
Всем привет. Меню выводится так: <div id="nav"> <ul><?php $categories = get_categories();foreach($categories as $link):?> <li><a href="index.php?view=<?php echo $link['cat_id'];?>"><span class="link"><?php echo $link['name'];?></span></a></li><?php endforeach;?></ul></div> css: a {font-size: 22px;text-decoration: none;padding-bottom: 8px;border-bottom: 2px solid #666666;} a:hover { color: #FFCC00; text-decoration: none;border-bottom: 3px solid #FFCC00;} .link { color: #666666; } #nav{position: relative; margin-left: 4%;} li{display: inline;margin-right: 18px;} Вопрос как сделать подсве…
0 votes9 answers -
Не могу разобраться...
Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…
0 votes15 answers -
Валидность
валидатор ругается на строку .iePNG, IMG { filter:expression(fixPNG(this)); } http://jigsaw.w3.org/css-validator/validat...&usermedium=all кто знает как исправить?
0 votes15 answers -
Поведение FF для вложенного div height:100% с вертикальным скролом.
Все прекрасно работает в IE, Chrome, Opera. А вот файрфокс появляет оконный вертикальный скролл. Как научить FF делать то что мне нужно? А именно: не появлять в моём примере оконные скролы. Нужен только вертикальный скролл на DIV-е. <html> <body> <table width=100% height=100% border=1><tr><td height=200px> верхний </td></tr> <tr><td> <div style="width:100%;height:100%;overflow-y:scroll"> куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста ... куча текста куча текста куча текста куча текста к…
0 votes11 answers -
Как узнать подключился ли файл reset.css
Всем привет! Прошу сильно не пинать я начинающий дилетант. Смотрю видеокурсы по верстке с нуля и пытаюсь повторять тоже самое. Где то в сети промелькнуло видео, как узнать подключился ли файл reset. css к html , но толком не успел посмотреть и видео потерял. Подскажите нубу как можно определить подключен ли резешный файл
0 votes2 answers -
Position fixed на мобильных
Все привет! Подскажите знающие люди столкнулся с таким багом при верстке адаптивной версии сайта, Значит есть мобильное меню при нажатии на определенный блок выплывает блок с свойством position:fixed; и в этом блоке уже навигация по сайту. На десктопе все ок работает, баг идет именно на мобильном, когда открываешь сайт с телефона и открываешь моб меню, так как стоит свойство position:fixed, то есть скролл и если начинаешь скроллить, обычно сначала вниз, после чего на моб браузере соотвественно появляется адресная строка браузера, но при обратном скролле т.е вверх, адресная строка как положено пропадает и остается место от нее на несколько долей секунд, кто сталки…
0 votes0 answers -
Пршу помощи в создании таблицы
Добрый вечер. У меня есть друг-тренер по цигуну. Я решил помочь ему в популяризации занятий, а так же с wелью создать ресурс, где могут пообщяться люди, занимающиеся саморазвитием. Так как навыка у меня не было никакого, решил воспользоваться возможностями системы Ucoz. Прикупил домен. Получилось вот что На примере аналогичного сайта в Рунете, хочу сделать страничку, где можно посмотреть ближайшие занятия не только по цигуну, но и по другим направлениям. Всё в одном месте. А то сам когда то, имея свободные выходные, часами выискивал, какой семинар и где можно посетить именно в это время. Так вот, собственно, просьба. Не мог бы кто нибудь мне помочь сделать такую странич…
0 votes5 answers -
проблемы в фф
данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}
0 votes18 answers -
span и иконка
http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)
0 votes1 answer -
frD-Контент в "стакане", фф
В контейнере, div "conteiner", помещаю слой content со стилями, указанными ниже. Проблема такая- при объеме контента в данном слое меньше одной страницы в фф слой не растягивается на 100% и левая граница его заканчивается где-то посередине. Стили: html, body { background-color:white; height:100%; margin:0px 0px; padding: 0px 0px; } #conteiner { position:relative; bottom:0px; background-color:green; min-height:100%; border:solid 1px #C8CACA; border-top:none; border-bottom:none; width:700px; margin:0px auto; } #content { position:relative; top:0px;left:200px; bottom:0px; min-height:100%; width:500px; border-left:solid 1px #C8CACA; } #footer { position:abs…
0 votes5 answers -
элементарная блочная в?рстка -- позиционирование
Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…
0 votes9 answers -
Помогите с музыкой на страничке разобратся
Всем привет. Разобрался с тегом для звучания музыки при загрузке странички. <bgsound src="meta/55.mid"> Но насколько я правильно понял музыка звучит в формате наподобии .mid А как сделать чтоб сразу после загрузки странички зазвучала песня в формате .mp3? Помогите пожалуста.!!!
0 votes19 answers -
Проблемы с меню (шапкой) сайта
Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …
0 votes24 answers -
Отображение шрифтов Google Chrome, Opera, Yandex
Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z
0 votes14 answers -
Почему не применяется градиент?
Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/
0 votes9 answers