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
-
Уберите пожалуйста таблицы
Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TIT…
0 votes5 answers -
Выравнивание текста
Есть код: Test: ABCD123: <a href="test">123</a><br> ASDF123: <a href="test">123</a> Пытаюсь добиться от него такого результата: Test: ABCD123: 132 ASDF123: 123 Можно конечно делать так, но мне это кажется костылем. Test: <span style="padding:0px 10px;">ABCD123: <a href="test">123</a></span><br> <span style="padding:0px 39px;">ASDF123: <a href="test">123</a></span> Подскажите, пожалуйста, верное решение.
0 votes8 answers -
Центрирование DIV-ов
Внешний див #wrapper {margin: 0 auto; width: 1000px;} Внутренний .design{margin: 0 auto; width: 100%; display: block;} Из-за того что внутренний блок может иметь разную ширину, и если она больше 1000 px, изображение не центрируется( если меньше 1000 px, всё нормально. Необходимо чтобы внутренний див центрировался по отношению в внешнему. К сожалению, нигде нет решения подобной реализации. Подскажите пожалуйста, если кто сталкивался.
0 votes5 answers -
Загадочная конструкция в CSS
Друзья, я тут столкнулся с такой конструкцией в CSS: table [class*=span] {float:none;} Может, кто знает, что это такое?
0 votes6 answers -
Поднять div
Доброго дня. У меня проблема с дивами. Вот что имею: В результате расположение блоков таково: Помогите поднять Блоки 4 и 5 к топу.
0 votes10 answers -
Верстка интерактивной схемы для сайта
Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддержив…
0 votes0 answers -
2 bxslider на странице
Доброго времени суток! Использую 2 блока с bxslider на странице, в каждом свои картинки. Можно ли сделать, чтобы при перелистывании вручную картинок в одном слайдере, одновременно перелистывались бы картинки и во втором?
0 votes4 answers -
html5 в дизайне интернет магазинов
Здравствуйте. Подскажите пожалуйста такую вещь, я решил сделать новый шаблон для старого интернет магазина с использованием тегов html5 для более ясного семантического понимания поисковыми системами(да и нужно идти в ногу с современными тенденциями ).Открыл я перечень html5 тегов вот тут http://htmlbook.ru/html5 Сижу читаю про каждый, думаю какой куда применить. Возникло несколько вопросов, допустим очень интересует оберточный тег для карточек товара на страницах категорий, раньше это был обычный див(часто встречаю что подобное оборачивают в тег li, не знаю на сколько это правильно, в нем идет фотография товара, описание, цена и форма с кнопками, многовато как-то для li …
0 votes2 answers -
Как это сверстать?
Недавно открывал топик, где мне подсказали, как найти шрифт по изображению. После непродолжительных дебат с клиентов было решено переверстать полностью весь макет. Шапка слегка замудренная. Поэтому нужен совет, как ее лучше сверстать, чтобы потом можно было сделать ее адаптивной. Никогда не верстал такие шапки. Все, что приходит в голову: прописать для логотипа float: left, для номера телефона и цены float:right, а вот что делать с 2 надписями по середине не знаю.
0 votes6 answers -
Укажите на ошибки верстки
Нарисовала и сверстала свой первый сайт. Прописывала под разные разрешения экранов опр комментарии - все равно отображается некорректно. Уже задолбалась ))). Подскажите по пунктам что нужно исправить чтобы все было ровненько и красивенько . Залила на беспл хостинг - вот смотрю как он себя ведет - неочень вот ссылка на мой сайт http://alenagrinchenko.zzz.com.ua/index.html
0 votes3 answers -
Как оптимизировать скорость загрузки картинок без сжатия веса?
У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slid…
0 votes3 answers -
onmouseover эффект на одой линии кнопок работает, а на другой не работает
У меня onmouseover эффект на одой линии кнопок работает, а на другой не работает. как починить? http://members.dodo.com.au/~rouslan/ninawebsite/index.html и еще, есть ли способ, когда можно не вкладывать onmouseover эффект два раза на странице, но при этом все кнопки работали внизу и наверху, то есть есть ли какой-нибудь "под-код", который будет повтрорять onmouseover эффект?
0 votes2 answers -
Уже второй день копаю. Выручайте. Фаер фокс и бакграунд ссылки
Всем привет. Столкнулся с фоном ссылке.. В ИЕ отображается фон нормально (при наведении) а в опере и фоксе отображается только под текст ссылке. а надо в фиксированную длинну и высоту... вот CSS a.mainlevel:link { height: 18px; width: 230px; color: #07569a; font-weight: normal; text-decoration: none; font-size: 12px; font-family: Verdana; padding-left : 10px; } a.mainlevel:visited { text-decoration: none; color: #07569a; font-weight: normal; font-size: 12px; font-family: Verdana; width : 230px; height : 18px; padding-left : 10px; } a.mainlevel:hover { font-weight: normal; background: url('templates/beez/image/mnfc.gif') repeat-x; /* Ioou e oiiiaiio e…
0 votes2 answers -
Проблемы с PADDINGом
Приветствую всех вас, уважаемые друзья! Проблему свою постараюсь разъяснить максимально лаконично! .topmenu { height: 29px; width: 980px; text-align: right; padding-right:20px; } .topmenu a { text-decoration: none; margin-left: 11px; margin-right: 11px; font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; } при Этом Width: 980px ; Заданно потому что при паддинге вправо 20 пикс. див становится шире, я приходится сокращаться ширину самого дива с 1000 до 980, выглядит довольно схоже с дизайнерским макетом, но правильно ли это? И еще, Мэрджин и вовсе не задается ни справа, ни откуда либо еще для данно дива, что скажете?
0 votes3 answers -
Выравнивание таблици
<table width="95%" align="center" border="0"> <tr> <td width="250px"> <table width="250" border="0"> <tr align="center"><td></td></tr> <tr align="left"> <td></td> </tr> </table> </td> <td> <table width="700" border="0"> <tr align="center"><td class="title">news</td></tr> <tr align="left"> <td></td> </tr> </table> </td> <td width="250px"> <table width="250" border="0"> <tr align="center"><td></td></tr> <tr align="left"> <td></td> </tr> </table…
0 votes5 answers -
Выравнивание строк в списках
Добрый день. Есть нумерованный список, некоторые элементы списка в 2 строки не помещаются. Что сейчас есть 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст А нужно 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст Это получается сделать таким кодом, но почему-то в IE8 строки расползаются в стороны. (В остальных браузерах нормально) .sidebar_items { list-style-position:inside; padding:0px 10px 0px 10px; margin:0px; } .sidebar_items li { text-indent:-25px; padding:10px 0px 10px 30px; color:#818181; border-bottom…
0 votes5 answers -
background vs text
Добрый день. Верстаю макет, и заметил ошибку в отображение background в браузерах google chrome, ie7, ошибка в том что например background таблицы, который выровнен по середине экрана, и background дива который тоже выровнен по середине экрана расходятся на 1пх при нечетной ширине экрана Пример на скрине, как не должно быть И как должно быть Надеюсь на вашу помощь ps. помню что такую тему уже задавали на форуме, но так и не смог ее найти
0 votes6 answers -
Форма ввода
Переделываю шаблонную форму ввода. В неактивном состоянии отображается нормально, после ввода e-mail и перехода к вводу пароля, e-mail отображается на фоне картинки, как сделать чтобы отображался на белом фоне? {$FORM_ACTION} <div class="loginformEmail"> {$FIELD_EMAIL} </div> <div class="loginformPass"> {$FIELD_PWD} </div> <div class="LoginButton"> {$BUTTON} </div> {$FORM_END} .loginformEmail input { background-image: url(img/Background_login.gif); background-repeat:no-repeat;} .loginformEmail input:focus, .sffocus, .sffocus { background-image:url(img/Background_login_focus.gif); background-repeat:repeat-x;} .loginformPas…
0 votes4 answers -
Странные точки из ниоткуда в меню ul и li
Здравствуйте! Помогите пожалуйста, откуда берутся эти долбанные точки? всю голову уже сломал: - удалял стили совсем, либо только меню/всё остальное - отключил этот awesome - менял скрипт jquery talium.rar
0 votes2 answers -
Качественное отображение svg-иконок
Здравствуйте. Сейчас все большую популярность набирает вывод иконок на сайте с помощью тегов svg>use. Для создания наборов я использую сервис IcoMoon. Проблема в том, что при выводе одной и той же иконки с помощью шрифта и тегом качество последней оставляет желать лучшего. Если на больших размерах разница не так заметна, то на маленьких все совсем плохо (см. скрин. Иконка menu c набора FontAwesome). В интернете находил советы применить к тегу svg transform: translateZ(0); или shape-rendering: crispedges; В случае с иконкой-бургером это решает проблему, но с чем-то более сложным результат выходит еще хуже, чем был до этого. Еще и ФФ при некоторых раз…
0 votes2 answers -
Как сделать подобный "виджет"
Добрый день. Не подскажите как можно сделать подобное через css или это только через JS? Или хотя бы как это называется, чтоб знать от чего оталкиватся при поиске. Перерыл все способы названия, но так похожего и не нашел.
0 votes1 answer -
Разные версии вёрстки сайта для смартфона и пк
Как сделать чтоб на смартфоне вёрстка сайта отличалась от пкшной?
0 votes2 answers -
? о шаблонизаторе
В "Народе.ру" сайтостроителям поставляется ряд шаблонизаторов, например, {MESSAGES}, где записаны сообщения. ? - Можно ли что-то узнать о шаблонизаторе (например, количество сообщений - ч.н. вроде {MESSAGES}.size); или возможна только "прямая" вставка в HTML-код?
0 votes2 answers -
Вопрос про стиль!
Здрасте! Скажите пожалуйста как можно засунуть тот дизайн сайта который был сделан в Photoshope на Html???
0 votes3 answers -
scrolloff меню
Доброго времени суток. Подскажите, пожалуйста, как указать цель для ссылок из scroll off меню. Скрипт находится в head. Ссылки должны открываться в iframe на этой же странице. <script language=Javascript> <!-- var menuwidth=100 var offsetleft=10 var offsettop=10 function dontMove() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+offsettop} else{eval(document.object1.top=eval(window.pageYOffset+offsettop));} setTimeout("dontMove()",0); } if (document.all) {document.write('<DIV ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black"><TABLE BORDER="1" width="'+menuw…
0 votes2 answers