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
-
Повернуть текст ?
Друзья, подскажите, возможно ли повернуть текст на 90 градусов?
0 votes5 answers -
Фокус на поле input
Может я неправильно тему назвал, но смысл такой: у меня есть стартовая страничка, на ней ссылки на избранные сайты. Недавно повесил на нее поиск от гугла. Код такой: <div id="mid" class="fix"> <div id="midCol"><a name="main"></a> <div class="post" id="post-20"> <div class="middle_links"> <ul> <form method="get" action="http://www.google.ru/search"> <td valign="middle"><span class="Estilo9"> <input name="q" type="text" class="cleardefault" maxlength="200" value="" size="50" /> </form> </ul> </div> </div> </div> Можно ли сделать…
0 votes11 answers -
Ох уж эти фреймы...
Есть некий сайт, полностью на фреймах. Как известно, для продвижения желательно избавляться от них, чтобы читался текст. Но, проблема в том, что переделывать весь сайт под статику очень долго и бессмысленно, так как лучше уж на движок натягивать, чем все статикой делать. Так вот: можно ли сделать так, чтобы индексная страница была бы статичной, а остальные на фреймах? пытался, не получается... PS - к сожалению, сам сайт показать не могу.
0 votes16 answers -
Проблему с отступом от картинок (padding) в IE
Почему в IE, если тег padding вставить в img, к примеру, <img src="/foto.jpg" style="padding-right: 5px;"> тег padding не работает? В FireFox всё нормально, отступ появляется, а в IE нет. Как с этим бороться?
0 votes7 answers -
Возможно ли overflow scroll дива вынести на край браузер
Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …
0 votes42 answers -
Присвоить значение для Checkbox
есть такой калькулятор) <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> <!-- body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } div { color:#CCCCCC; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } a:hover, a{ color:#CCCCCC; text-decoration: none; } .fild { width: 30px; text-align: right; font-size: 11px; margin-right: 10px; } --> </style> <script type="text/javascript"> function calc() { a1 = parseInt(document.getElementById('cn1').value); a2 = parseInt(document.getElementById('cn2').value); a3 = parseInt(doc…
0 votes13 answers -
Этапы изучения верстки
Хотелось бы посоветоваться с форумчанами. Есть желание изучить верстку, прочитала несколько книг на эту тему, некоторая база уже есть. Но тут возник вопрос - а что делать дальше? Имею ввиду, что на данный момент существует некоторый "языковой барьер". Разобраться в коде могу, а сама написать - нет. Кроме того, существует множество вопросов о типах макета (фиксированный, резиновый...), хаках, дивах и других нюансах. В сети много информации, но хотелось бы системности. Буду рада, если дадите совет, как и куда двигаться дальше, чтоб это было максимально эффективно. Извините, если подобные вопросы уже возникали и обсуждались. Спасибо за внимание и понимание.
0 votes23 answers -
синтаксис - маркирование решетка и точка
Никак не пойму в чем разница в коде CSS: #myid и .myid если в HTML все равно будет идти id="myid"?
0 votes7 answers -
Как изменить цвет скроллбара?
Помогите, пожалуйста! Пишу такой код: <style type="text/css"> body { scrollbar-face-color:000000; scrollbar-highlight-color:CC0000; scrollbar-3dlight-color:000000; scrollbar-shadow-color:CC0000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:CC0000; scrollbar-track-color:000000; } </style> Ничего не происходит... А еще больше интересует как изменить цвет скроллбара для аттрибута overflow.
0 votes9 answers -
растяжка по высоте,падинги,опера,эксплорер
http://timako.iskra-net.ru/temp/index.html в опере отображается нормально, но не растягивается по высоте. в эксплорере паддинг шапки как-то не так считается и сразу появляется дырка. (я помню была статья про то, как в эксплорере считается падинг, но так и не нашел) если убрать доктайп, то и в опере и эксплорере растягивается по высоте, но под меню появляется пустая полоска. уже замучался е? убирать... наверняка где то или фонт сайз прописать надо или с падингами что то не так... помогите, пожалуйста доктайп сохранить, по высоте растянуть, полоску убрать.
0 votes20 answers -
Большое фоновое изображение Для сайта.
Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.
0 votes14 answers -
переход на якорь заезжает за верхний фиксированный блок.
Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.
0 votes12 answers -
таблица в таблице - не могу выровнять по верху
Есть таблица1 из одной строки и трех ячеек. Во второй ячейке находится таблица2 с кучей строк и двумя колонками. Проблема в том что мне никак не удается управлять вертикальным положением таблицы2. Верхний е? край никак не хочет совпадать с верхним краем таблицы1. При этом чем больше информации в таблице2 тем существеннее несовпадение. Перепробовал, наверно вс? что только знал и нашел в нете, но ничего не клеится. Если кто-нить сталкивался с подобной проблемой - помогите, пожалуйста
0 votes7 answers -
текущая неактивная ссылка - как сделать?
Здравствуйте! Я хочу сделать меню такого, чтобы текущая ссылка меню была неактивной и с беграундом. Ставлю псевдокласс current (вроде такой есть) - не понимает браузер. как это осуществить? код списка: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; border-bottom: none; background: #fff; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; font-family: Arial; font-size: 14px; font-weight: bold; display: block; } /*ul…
0 votes3 answers -
не работает display:grid
подскажите может почему не работать display:grid в новых версиях браузеров? Opera 45.0, Chrome 58.0.3029.110 (64-bit), FireFox 53.0.3 был использован рабочий код с вебинара на geekbrains по модульным сеткам, но ни один из указанных браузеров не хочет выводить информацию как надо. на всякий случай вот ссылка на код https://jsfiddle.net/AlexZaw/cdj6h2e1/ PS. разобрался, все дело было в простой опечатке...
0 votes1 answer -
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?
как ограничить размер всего сайта по ширине не вставляя его в общую таблицу? вот index.php <div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0"> <tr> <td><?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <head> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; …
0 votes10 answers -
Youtube влог о вебе интересует ваше мнение
Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…
0 votes41 answers -
Выпадающее меню и z-index
Всем доброго времени суток, я создал выпадающее меню в drupal, оно находится в левом блоке сайта, основные пункты отображаются корректно, но выпадающее менюшки доходят только до края левого блока и обрезаются, плюс они не кликабельны, пробовал ставить на меню максимальный z-index, но проблема так и осталась, вот отрывок кода где левый блок - sideleft <div id="container"> <div id="sideLeft"> <div id="left_menu"> <?php echo $left ?> </div> <!-- #left_menu--> </div> <!-- #sideleft--> <div id="content"> <div id="padding"> <?php echo $content; ?> </div><!-- #padding--> </div><!-- #content--…
0 votes10 answers -
Как создать слайдшоу на сайте?
Привет всем! Подскажите ,как создать слайдшоу на сайте? Требуется показ 6-7 фотографий в режиме слайдшоу,превьюшки внизу и коментарии к фото, справа от отображаемой фотографии для образовательного сайта. На какой технологии это можно будет сделать? Знаю существуют готовые шаблоны слайдшоу на javascript но подходящего найти не могу. Подскажите хорошую библиотеку скриптов для создания галерей, презентаций, очень нужно. Также находил генераторы слайдшоу , но в них нет возможности сделать комментарии к фотографиям. Буду рад любым советам.
0 votes14 answers -
Выпадающий список с автозаполнением, скроллом и вводом своих значений
Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here …
0 votes2 answers -
Как сделать чтобы ячейка была сылкой со всеми вытекающими...?
Ситуация: ..... ..... В фаирфоксе не рабате( В ИЕ работает но при наведении курсор не становится рукой. Читал про специальный прием, что-то в роде OnMouseOver = ".....style = hand", но опять таки работает только в MSIE. Как еще можно сделать? На www.artlebedev.ru вроде так сделано, пока не могу понять как.
0 votes25 answers -
Вертикальное выравнивание в ячейке таблицы.
Хотелось бы сделать несколько надписей ( ) выравненных top и один элемент (картинка) выравненный bottom. Все в одной ячейке таблицы. Возможно ли это?
0 votes12 answers -
Img, div и float
Косяк: Код страницы: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>yomoto:.beta</title> <link rel="stylesheet" type="text/css" href="mainstyle.css" /> <link rel="shortcut icon" href="images/favicon.ico" /> </head> <body> <div id="header"><img src="images/logo.png" class="logo" alt="yomoto.ru:. ты и твой телефон"/></div> <div id="main"><div class="content"><h1…
0 votes12 answers -
bootstrap, выход за предел container
Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?
0 votes8 answers -
не работает hspace и vspace в mozille
Коллеги, прошу подсказать как быть в ситуации: есть картинка, вокруг картинки задана белая рамка с помощью css: #author {padding:10px; border:2px solid white;}. В тэге картинки стоят атрибуты hspace и vspace по 5px. В IE (!!!) текст отодвинулся от рамки как положено, а в mozille прилип. Если делать padding-right и bottom, то картинка уезжает от рамки, а рамка стоит на месте, прилипшая к тексту!
0 votes7 answers