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
29,542 questions in this forum
-
Помогите сделать авторизацию
Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…
0 votes9 answers -
Помогите сделать адаптированный шрифт! Очень нужно!
Помогите, пожалуйста, сделать адаптированный шрифт. Очень нужно!!! http://87.237.116.73/index.php //CSS * { margin: 0; padding: 0; } html { background-color: #fff; height: 100%; } body { color: #333333; font: 0.75em/1.5em Arial,sans-serif; } #ImgTitle{ position: absolute; top: 2%; left:30%; color: red; font-size:53px; font-family:Artesanias; } @font-face { max-height: 6.5%; font-family: 'Artesanias'; src: url('fonts/Artesanias.eot?') format('eot'), url('fonts/Artesanias.woff') format('woff'), url('fonts/Artesanias.ttf') format('truetype'), url('fonts/Artesanias.svg#Artesanias') format('svg'); } //HTML <div id="ImgT…
0 votes2 answers -
Помогите сделать в ряд изображения
Не могу понять как сделать чтобы изображения встали в ряд и сделать им одинаковый размер. https://jsfiddle.net/4uc2xLqz/
0 votes1 answer -
Помогите сделать валидным код.
!doctype html Валидатор выдал просто уйму ошибок, и абсолютно не знаю, что за ними скрывается. Объясните пожалуйста неграмматному и подскажите как исправить. 1. Element noindex not allowed as child of element div in this context. (Suppressing further errors from this subtree.) Получается, noindex вообще использовать на странице нельзя? А как тогда закрывать ненужные участки страница с SEO целью? 2. The itemprop attribute was specified, but the element is not a property of any item.. ...png" itemprop="contentUrl" width="16" height="16" /></a></li><div.. Что за itemprop и за что он отвечает? Он к <img> никаким боком неклеится? 3. & di…
0 votes7 answers -
Помогите сделать возврат
Здесь ведь спецы по html? Помогите сделать - с помощью плагина Comment Redirect by Yoast есть перенаправление на страницу с благодарностью за первый комментарий. А как вернуть читателя на прежнюю страницу? Ну типа - вернуться обратно, нажмите сюда
0 votes1 answer -
помогите сделать выпадающее меню
Всем привет! У меня глобальная проблема с выпадающем меню, я очень долго уже мучаюсь с этой проблемой, нашёл кучу примеров, но как вставить именно в свой сайт понять не могу , вроде всё делаю правильно, но всё безуспешно( Помогите мне вставить это меню, дело в том, что в разделе "рубрики" это слева внизу нужно где раздел "всё о подводном мире" при наведении на него мышкой выпадало два раздела "морской мир" и "пресноводный мир", и так же при наведении на раздел "все о наших материалах" выпадало три меню: 1) Каркас 2)Стекла 3) Крышки под аквариумы ССЫЛКА НА САЙТ Помогите это сделать буду очень благодарен! Заранее спасибо!
0 votes5 answers -
Помогите сделать выпадающее меню на сайте
Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…
0 votes10 answers -
Помогите сделать выпадающее меню с активными подпунктами
Всем привет, вот такая у меня проблема, может кто сталкивался, сделал горизонтальное меню, с выпадающими вниз подпунктами Активной ссылке и активному пункту подменю присваивается class active Как можно сделать так, как ЗДЕСЬ, только средствами css или другими скриптами ? Пока что сделал так: <div id="menu_glav"> <ul> <li><a href="index4.html">Gallery</a> <ul> <li><a href="index2.html">Concept</a></li> <li><a href="index2.html">Shows</a></li> </ul> </li> <li><a href="index6.html">Artworks</a> <ul> <li><…
0 votes0 answers -
помогите сделать гориз.выпадающее меню
Помогите сделать выпадающее меню в действующее верхнее меню, сайт сделан на dle 8.5, пытался сделать сам, что то не очень получается, под шаблон не могу загнать, выходит криво.((( файл main.tpl <div id="wrapper"> <div id="menue-l"> <div id="menue-r"> <div id="menue"> <div id="nav"> <a href="/" title="Главная">Главная</a> <a href="/forum/index.php" title="Форум">Наш форум</a> <a href="/files/" title="Каталог файлов">Каталог файлов</a> <a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a> <a href="/index.php?do=feedback" title="Обратная связь"…
0 votes17 answers -
Помогите сделать кнопку
Никак не могу понять как сделать кнопку с градиентом. Вот пример. Посмотреть в живую можно на "Rндексе" в картах. Хотел стянуть - не получается.
0 votes5 answers -
Помогите сделать линию которая будет выходить за пределы родительского div'а?
Есть блок container в котором ширина 100%, в нем блок wrapper ширина которого 80%. В wrapper ' е хочу сделать линию к примеру border-bottom которая будет выходить за пределы wrapper ' а и иметь ширину conteiner ' а. Подскажите пожалуйста, как это можно сделать? https://jsfiddle.net/8yhk17jm/1/
0 votes4 answers -
Помогите сделать макет
Помогите сделать макет, вот рисунок - http://joxi.ru/E2pOGjIBB7npmY Целый день бьюсь не могу крошки, сайдбар и контент организовать Flexbox-ом (т.к. адаптивный шаблон) всё не встаёт как надо.
0 votes5 answers -
Помогите сделать меню, готов заплатить
Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Г…
0 votes12 answers -
Помогите сделать несколько картинок в background
Когда то видел, что на сайте было несколько полупрозрачных блоков. На каждом из них была своя картинка. И картинка при прокрутке не двигалась, то есть когда крутил колесо, страница крутилась а картинка стояла. Ссылки нету, извините. Была бы ссылка сам узнал бы как это делается.
0 votes4 answers -
Помогите сделать объект по центру
https://jsfiddle.net/9er90pzg/2/ Как сделать, чтобы пункты меню находились не слева, а по центру?
0 votes2 answers -
Помогите сделать плавно выпадающее меню
<div id="menu"> <ul> <li><a href="#">Выпадающее меню</a> <ul> <li><a href="#">Сторінка 1</a></li> <li><a href="#">Сторінка 2</a></li> <li><a href="#">Сторінка 3</a></li> </ul> </li></ul></div> #menu ul { font: 14px arial; display: inline-table; position: relative; margin: 0; padding: 0; width: 100%;}#menu li { float: left; list-style: none; width: 100%; text-align: center; }#menu li a { text-decoration: none; display: block; color: black; bac…
0 votes3 answers -
Помогите сделать рамку и субменю. Зарание Спасибо
доброго времени суток...... просьба у меня такая...... вот у меня есть сайт.....пока это тестовый сервер, для проверок перед загрузкой на основной http://demotest.comze.com/ так вот у меня по поводу него сразу несколько вопросов, на которые я очень надеюсь, уважаемые знатоки ответят, имхо я был на разных форумах, так никто и не помог =( надежда на вас 1.На сайте есть таки меню как "Устав,Иерархия,Легенда,Гимн,Состав" мне бы очень хотелось объединить их в раздел "о нас" при наведении на который будет выдвигаться меню с данными будущими подразделами =). 2.Где можно сказать готические рамки? как их правильно порезать и вставить в шаблон сайта ? Пожалуйста, если можно разжуй…
0 votes0 answers -
Помогите сделать резиновый шаблон
Уважаемы специалисты! У меня есть шаблон "статичной" страницы, а мне просто необходимо сделать "резиновый" дизайн этой страницы - чтобы изменялся center. Если ставить 100% на .all и на .center, то все к чертям скатывается <!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=windows-1251"> <title>Дивовый дизайн</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <style> .all { width:900px; margin:auto; text-align:center; } .header { border:1px solid #666666; ma…
0 votes4 answers -
Помогите сделать резиновый шаблон
Всем доброго дня, У меня есть медицинский сайт http://lechim-uxo.ru я хочу сделать его резиновым т есть на всю ширину экрана, но некоторых правил я не знаю. Помогите сделать.... Есть еще вторая проблема: У меня 3 блока левое меню, цент и правое Но есть проблема, с 3 блока все переваливаеться в центральный блок, не могу понять где ошибка, помогите....
0 votes7 answers -
помогите сделать сложное обтекание
Никак не получается сделать обтекане div. Обтекаемый элемент - div. Обтекающие - p, h1, h2. Пробовал всё. Менять float: left, display: inline у разных элементов. Можно ли вообще так сверстать? Можно, конечно, весь текст представить как один p со span-ами, (как в примере на htmlbook), но пропадёт семантика Макет: http://i070.radikal.ru/1210/a2/e7bc5305a56b.jpg Коды: http://jsfiddle.net/hAAL4/
0 votes8 answers -
Помогите сделать ссылку в виде "стрелочки"
Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…
0 votes10 answers -
помогите сделать структуру
Здравствуйте, помогите пожалуйста сверстать структуру этого макета. Просто я не знаю как расположить блоки чтобы все тянулось как нужно. Вот например вот это крыло с контактами, чтобы оно тянулось за блоком с новостями http://rghost.ru/41787237/image.png и под левой колонкой крыло это тоже нужно как то задать. В общем подскажите как организовать такую структуру.
0 votes1 answer -
Помогите сделать таблицу
Как сделать вот такую таблицу. невыходит у меня чтоб все так же было. не получаются столбцы с вертикальным текстом
0 votes5 answers -
помогите сделать таблицу table
вот такую http://nordtrest.ru/sneg/neg1.bmp
0 votes1 answer -
помогите сделать таблицу с фиксированными ячейками, плизз
Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…
0 votes4 answers