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
-
Стоит ли оптимизировать сайт, если этого не было в техзадании?
Стоит ли париться и заниматься оптимизацией сайта, если это не было обговорено изначально? Пример ситуация сейчас - дофига огроменный лендинг, к тому же яндек картой и двумя видео. Конечно это чудо подтормаживает. Сам то он весит немного - не больше полутора мегабайт. У меня есть 4 картинки (из 30 штук, в сумме не больше 800 кбайт все занимают) меньше 2 кбайт - стоит ли их кодировать через base64, чтобы на целых 4 запроса было меньше к серверу? И как дополнительные вопросы - код хтмл и цсс в 1000 строк каждый. Стоит ли minify css сделать (хотя б в одну строчку записать)?... Стали бы вы морочиться с чем-нибудь из этого? Стали бы вы морочиться при условии, что за 2 дня рабо…
0 votes14 answers -
Непонятное значение -1e+7px
Наткнулся на такое: text-indent: -1e+7px; - кто знает что это значит -1e+7px, как можно использовать? Спасибо
0 votes5 answers -
Снова рендеринг шрифтов
Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…
0 votes3 answers -
Странная анимация цвета
http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?
0 votes11 answers -
Выравнивание содержимого в таблице
Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?
0 votes3 answers -
выпадающее меню только в одной строке, помогите (html/css)
Всем привет. Мне нужно, чтоб меню выпадало только из одной строки при наведении. Пример моего меню: Нужно, чтоб при наведении на "Портативные компьютеры", вниз открывался столбик с тремя вариантами (ноутбуки, смартфоны, планшеты) у меня ничего не получается.. <ul class="menu"> <li><a href="index.html">Главная</a></li> <li><a href ="nout.html">Портативные компьютеры</a></li> <li><a href="index-os.html">Операционные системы</a></li> <li><a href="rat.html">Рейтинги</a></li> <li><a href="o_nas.html">Обратная связь</a></li> …
0 votes6 answers -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers -
Пустое место при сдвиге "скроллера" вправо
Делаю сайт: http://czechturizm.cz резиновым (для мобильников и прочего) Слайдер .slider хочу сделать на минимальную и максимальную ширину браузера... и вот, когда окно браузера уменьшить (по ширине) чтобы снизу была полоса прокрутки, то прокрутив ее вправо... слайдер остается зафиксированным, и появляется пустое место (черный экран - я сделал фон body черным, чтобы легче заметить косяки). Как это исправить? чтобы не было пустого места... или скроллер не появлялся? —————————— Вопрос решен (вроде) оказывается, ширина среднего блока была шыре верхнего...
0 votes1 answer -
Реализация динамически появляющихся полей
При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX
0 votes3 answers -
IE6 не отображается background?
Код HTML: <div class="header_sl"> <div class="text_server"><br /> <em>...</em> </div> <a href="http://...">'>http://..."> <img style="border: 0;" src="1/link0000.gif" alt="На главную" title="" width="210" height="60" /> </a> <br /> <br /> <div class="buttons_header"> <a class="MainMenuLinks_sl" href="http://...">'>http://...">Каталог рассылок</a> <a class="MainMenuLinksCurrentPage_sl" href="http://...">'>http://...">Домашняя страница</a> <a class="MainMenuLinks_sl" href="http://...">'>http://...">Помощь</a> <a c…
0 votes1 answer -
Работа с текстовым файлом из html файла
Здравствуйте Имею набор html файлов у себя локально, а не на сайте. php файлов соответственно нет. Хотел бы улучшить то, что имею Не знаю, как называется то, что мне нужно, поэтому с поиском в гугле туго=) А может это просто невозможно - то, что я задумал?... Расскажите пожалуйста=) 1) есть home.html, в котором есть ссылка на 1.html 2) есть 1.html, в котором есть ссылка на 1.html, 2.html .... 20.html я хочу, чтобы из home.html ссылка была не на 1.html, а на последний из посещенных из (1-20) Вижу реализацию примерно так: 1) при посещении, например, 7.html файл text.txt перезаписывается и в него записывается "7" 2) при открытии home.html он читает text.txt и выдает активную…
0 votes6 answers -
Кодировка в мета-тегах
У многих верстальщиков замечал в мета-тегах указанную дважды кодировку: <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8;charset=utf-8[/b]" /> почему и для чего так пишут (не один а два раза)?
0 votes1 answer -
Отображение картинок
Не отображаются картинки на сайте. Когда все ресурсы на винчестере то все норм а на хосте возникают проблемы причем некоторые изображения выводятся а некоторые нет. В чем причина? p.s. Проверял на двух хостах, на главной все норм а на других возникают проблемы
0 votes7 answers -
как лучше сверстать
Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).
0 votes6 answers -
Таблица - ячейка
Есть <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td><?substr('$GLOBAL_AHEADER$',18,-38)?></td></tr> <tr> <td><?substr('$GLOBAL_CLEFTER$',18,-38)?></td> <td>$CONTENT$</td> <td><?substr('$GLOBAL_DRIGHTER$',19,-39)?></td> </tr> <tr> <td><?substr('$GLOBAL_BFOOTER$',18,-37)?></td> </tr> </table> Как сделать отображение первого <td> в полную таблицу как будто тут три <td><td><td>
0 votes3 answers -
Помогите разобраться.
Всем доброго времени суток! Пожалуйста помогите разобраться, ато немного запутался. Дело в том что я хотел написать небольшой сайтик. Думаю для его написания будет достаточно моих знаний HTML CSS и Java-script, но все же хотел еще что нить добавить с использованием php. Поэтому щас изучаю php. Вопрос вот в чем. После написания сайта естественно собираюсь выложить его в инет и администрировать его. И я немного запутался. Вот у меня будет готовый сайт, написанный в блокноте) вот я выбрал хостинг, а дальше что? я просто передаю сайт где все файлы лежат в одной папке? надо ли как то по особому указывать другие html страницы кроме главной? главная страница я так понял должна н…
0 votes13 answers -
очистка флоатов))флоат под флоатом
привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…
0 votes2 answers -
Почему вкривь и вкось?
Здравствуйте. Использую сторонний компонент и никак не могу понять, отчего изображения в рамках сдвигаются вправо и вниз? Здесь пример Благодарю.
0 votes4 answers -
В Опере пропадает слой
Открываю страницу Стоит обновить страницу в браузере, прозрачный слой "advertisement" пропадает. Когда страница грузится - слой виден, как загружается - исчезает (т.е. если нажимать "ctrl+R", то слой начинает мигать). В IE, Chrome, Firefox всё отображается нормально, но в Опере такой глюк. .logo { background:url(../images/logo.png) no-repeat; height: 57px; width: 306px; position: absolute; top: 85px; left: 165px; } .logo a { display: block; height: 57px; width: 306px; } .advertisement { background: url(../images/advertisement.png) no-repeat; width: 481px; height: 90px; position: absolute; top: 55px; right: 189px; } Проблема может быть в верстке или в моей…
0 votes6 answers -
Смена нескольких картинок при наведении
Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно: При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок. Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/
0 votes1 answer -
Вопрос по таблицам
То ли лижи не едут, то ли я ммм, ну В общем вы поняли. Вопрос такой, можно ли делать внешние отступы внутри табилце, что бы блоки tr например друг от туда отступали на N пикселей? Все что то тыкаю, но ни чего не получается. Допустим я делаю так: <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>Один</td> <td>Два</td> <td>Три</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Четыре</td> <td>Пять</td> <td>Шесть</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Семь</td> <td>Восемь</td> <td>Девять</td> …
0 votes5 answers -
CSS-стили не работают при загрузке с файла
Перестали обрабатываться файлы стилей, НО только те, которые загружаются с файла .css, если же прописывать стиль внутри .php-файла, то все идеально работает. Дело не в путях - это 100%, т.к. с этим уже экспериментировал. В чем может быть причина? Располагаю VDS, подключено gzip-сжатие. ДО переустановки nginx все прекрасно работало, сейчас - нет. Файлы .css располагаются НЕ в корневой директории а в папке с шаблонами. Кэш чистили, как скриптовый, так и кэш браузера.
0 votes10 answers -
CSS и Joomla
Здравствуйте , помогите разобраться :есть шаблон Joomla ( jvwinto) Моя ссылка , хочется сделать чтоб такой эффект , как показан в примере 2 Моя ссылка, хочется чтоб в итоге все выглядело вот так : Моя ссылка
0 votes0 answers -
помогите с квадратными блоками
Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg
0 votes6 answers -
Проблема с плавающими элементами
Вот есть такая структура. Здесь сайдбару задан float: left; он идет перед блоком content, которому задан левый маржин. Так же пост с такой вот структурой: <div class="post"> <a href="" class="post-title"</a> <div class="post-meta"> <div class="date"></div> </div> <div class="post-conten clearfix"> <img class="thumbnail" /> </div> </div> Картинке с классом htumbnail задан флоат, чтобы посты не налазили на друг друга из за этого флоата, то задан блоку с классом post-content clearfix. Но из за этого первый пост по высоте как сайдбар, помогите пожалуйста решить эту проблему. Сайдбару position: abso…
0 votes4 answers