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
-
Помогите с меню!
Добрый день всем. Помогите сверстать эту менюшку... Теоретически понимаю как... А на практике не выходит. Шрифты: Calibri Regular 17 px Вот что уже сделал, но размеры не те..и вообще бред какой то вышел. <div class="menu_1"> <ul class="menu_cont"> <li class="mc_li mc_li_first"><a href="#">Grammar</a></li> <li class="mc_li mc_1"><a href="#">Reading</a></li> <li class="mc_li mc_2"><a href="#">Listening</a></li> <li class="mc_li mc_3"><a href="#">Writing</a></li> <li class="mc_li mc_4"><…
0 votes2 answers -
Пауза/продолжение css3 анимации
http://cssdesk.com/uu3fK Если навести на квадрат - включается пауза - но анимация дергается, видимо прокручивается. Как сделать, чтобы квадрат продолжат крутиться с того же места, где замер не дергаясь?
0 votes7 answers -
Проблема - Мобильная верстка, viewport, iPhone
Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку
0 votes2 answers -
Как правильно рассчитать поля и отступы в адаптивной верстки?
Есть код. Все пропорции фиксированого макета прописаны в комментах(то есть я перевел в адаптив обычный фиксированый макет). Все нормально, но мне не нужен блок #in-warp, но как без него сохранить такие же зависимости, так чтобы маржин и падинг #in зависили от ширины #in, а не от #container? Или может в этом нету смысла так как сам #in зависит от #container и если подстоить данные отсупы под #container это ни на что не повлияет?
0 votes1 answer -
FLEX выравнивание. Возможно ли это???
Есть контейнер в котором много других контейнеров. Как сделать заполнение друг за другом с переносом в случае если контейнеру не хватает места. (пример на пикче) У меня получается либо контейнер занимает все свободное место по горизонтали, либо по вертикали. Но ни как не друг за другом " одной колонкой"
0 votes2 answers -
проблемка с позиционированием элементов
хочу сделать в блоке footer чтобы картинка выравнивалась по левому краю, а link по провому нижнему углу. делаю так <style type="text/css"> .bottom { /* Нижняя часть */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ font-size: 90%; /* Размер шрифта */ padding: 3px; /* Поля вокруг текста */ } .bottom_link { float:right; } .bottom_img { float:left; } </style> <div class="bottom"> <div class="bottom_img"> <a href="http://www.tyda.ru"><img src="img/p1.jpg" alt="img" width="90" height="54" /></a> </div> <div class="bottom_link"> <a href="http://my.com">link</a> …
0 votes1 answer -
размещение сайта
Добрый день. я сделал какой никакой сайтик, для НЕкоммерческого использования. и хочу его разместить. делал с использованием sql и php. не хочется платить за хостинг, и естественно не хочу видеть порнушные баннеры. но при этом есть статический ИП адрес к которому подключен роутер linksys. естественно у него нет какого то глобального имени днс, но если я ставлю вместо роутера комп, то при запущеном ВЕРТРИГОСЕРВ я могу легко извне попадать на свой сайт и даже все работает. но т.к. у меня нет лишнего компа. который можно использовать как роутер, то возникает вопрос: как сделать что бы при обращении к ИП адресу из вне, роутер направил меня на комп, где стоит вертригомерв? ну …
0 votes6 answers -
Не получается выводить описание
Уже и не знаю что делать, поисковики при выдаче в поиске в качестве описания выводят то что хотят сами, некоторые материалы с описание тоесть текстом песни, некоторые любой набор слов и сайта, или просто код плеера(в большей мере код плеера выводит в гугле) Вот меня есть 3 варианта, но хочу посоветоваться 1.Как то сделать что бы нормально выводилось описания, может для этого его нужно заключить в какой не будь тег или провести иную операцию? 2.В станице материала и комментариев к нему поставить тег <meta name="description" content="Тут описание которое, которое будет при выдаче в поисковиках выводится одинаковым для каждого материала" /> и будет ли так? и как к этом…
0 votes10 answers -
Фильтр по товарам: как такой свертстать
Здравствуйте! Нужно сверстать фильтр по параметрам. Этот возможно сверстать в виде <select> ? Как стилизовать эти checkbox?
0 votes15 answers -
При попытке открыть файл в формате php, браузер его скачивает!
Доброй ночи, форумчане! Такая вот проблемка с браузером Firefox - при попытке открыть любой файл с расширением php, браузер благополучно его скачивает. Естесно, с таким файлом не поработаешь. Возможно как - то отключить такую неприятную... "Особенность?!
0 votes4 answers -
Открытие ссылки в новом окне
Мне нужно чтобы ссылка открывалась в новом окне. Вот код <table class="mytable"> <tbody> <tr class="mystolb" onclick="window.location.href='%%LitUrlAudio%%'; return false target="_blank"> <td><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" class="laravel-icon">ЛитРес</td> <td>Аудиокнига</td> <td>₽%%LitAudioPrice%%</td> <td><i class="fas fa-shopping-cart"></i></td> </tr> </tbody> </table> То есть при нажатии на строку у меня происходит переход по произвольной ссылке, мне нужно сделать так чтобы она открывалась в новом окне
0 votes7 answers -
hover с помощью transition
Возникла проблема следующего плана. Я сверстал свой основной блок, под ним сверстал свой hover и расположил над основным блоком, но дал блоку hover изначально значение display:none. При наведении соответственно на нужный блок мой hover принимает значение display:flex и все хорошо отображается, но проблема в том что css-переходы(transition) при этом никак не работают. Нету ни задержки, ни плавного перехода, а просто hover поверх блока и все. Подскажите почему не работают transition?
0 votes2 answers -
Нумерация списков в css 2.1
В xhtml 1.1 нету аттрибутов ol.start и li.value. Долго гуглил, читал w3c.org. Вот такое нашел только (или подобное): <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z</title> <style> body { } ol.first { counter-reset: item1 3; } ol.second { } li.mys { display: block; } li.mys:before { content: counter(item1) ". "; counter-increment: item1; } </style> </head> <body> <ol class="first"> <li class="mys">11111</li> <li class="mys">222<br/>22</li> <li class="mys">33333</li> <li class="mys">44444</li> </ol…
0 votes3 answers -
не понятная ошибка
Здравствуйте. подскажите, пожалуйста, как может на одной странице комментарии отображаться "криво", а на остальных нормально, как и положено? писал форму по заказу, выслал все файлы заказчику, он сам устанавливал всё на сервер. сегодня зашёл посмотреть, что получилось и увидел такую проблему вот здесь можно посмотреть. Заранее благодарю откликнувшихся.
0 votes2 answers -
Баннер со звуком
Хочу чтобы при наведении курсора мыши на баннер автоматически появлялся звук)))
0 votes7 answers -
Размер шрифта
Всем привет) Можно ли сделать как-нибудь, чтобы при сужении экрана или блока, текст плавно уменьшал размер шрифта ? Так сказать резинка или адаптив.
0 votes6 answers -
Проблема с автоматической высотой дива.
Странная возникла проблема... Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>Gallery</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div class = "main"> <!-- Header--> &l…
0 votes1 answer -
изменение стандартных элементов html.
Здравствуйте! Очень хочется сделать select, с возможностью отоброжать в нем картинки. Я даже не знаю с чего начать((.. посдкажите пожалуйста хоть в какую сторону копать? Заранее спасибо.
0 votes6 answers -
Пробел между строками в таблице
Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…
0 votes1 answer -
Проблемка с штриховым подчеркиванием ссылок
Нравится мне, когда ссылки штриховые. Хорошо сочетается со строгим дизайном и шрифтом Georgia ... соответственно убираем в описании стиля гиперссылки text-decoration и ставим border-bottom: a:link, a:hover { color : #262626 !important; text-decoration : none !important; /** простое подчеркивание убрать **/ border-bottom: 1px dashed #262626; /** линию штриховую добавить**/ } a:visited { color : #006600 !important; text-decoration : none !important; border-bottom: 1px dashed #006600; } Проблема в том что после такой замены все картинки функционала стали подчеркиваться. Очень не красиво... Не нагуглил как это сделать, мож не такие запросы задавал :-[ С…
0 votes3 answers -
научите жонглировать margin padding ...
видел примеры где используюсться отрицательные значения margin'ов и понятно типа для чего что бы установить элемент в определенное место но вот почемуто самостоятельно не получается ———————————-- предлогаю обсудить приемы верстки позиционирования элементов (задачками) всех благодарю за участие задачка №1 div по ширене 30% по высоте во всю страницу (100%) в нем три элемента (div) по вертикали c верху в низ 1 2 3 2 находиться где на середине(выше) и иемеет высоту 100px 1 от ставшеся высоты 35% 3 остальное пространство (задачка надумана для чего не спрашивайте)
0 votes7 answers -
fancybox прыгает и ездиет
Здравствуйте, вот надо сверстать раздел с сертификатами и хочу прикрепить к нему fancybox или lightbox. Но есть проблема. Когда увеличивается картинка, она сначала встаёт на одно место, потом прыгает на другое, это не такое большое расстояние, но выглядит неприятно. Также, когда идёт увеличение, правая сторона с cертификатами съезжает влево. Из за чего могут быть такие проблемы? С эффектом lightobox тоже самое. Вот ссылка на пример моей проблемы. http://deluxe-okna.ru/mush/index.html Помогите, пожалуйста, разобраться.
0 votes0 answers -
Мега хитрая верстка
Могут ли блоки DIV налезать друг на друга? Например в одном текст, в другом меню, в третьем Хидер с картинкой?
0 votes4 answers -
Изображения в качестве ссылок
Добрый день! У меня есть проблема - отображение ссылок на странице определено с помощью такого кода: a:link { сolor: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } Код хороший, но он создает проблему - картинки, которые используются как ссылки, очерчиваются черной рамкой, что очень плохо выглядит на белом бэкграунде. Вопрос: Существует ли способ убрать эту рамку, может какой-то специальный a:img ( )? (Не вылезает же она на логотипе, хотя тот тоже используется как ссылка на index). UPD. ВОПРОС РЕШЕН, СПАСИБО.
0 votes8 answers -
проблема с height у IE
Здравствуйте! У меня возникла проблема при создании сайта, с адекватным отображением его в браузерах IE всех версий. Вот код: <html> <head> <meta http-equiv="Content-Language" content="en-ru"> </head> <body> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table2"> <tr> <td valign="top" height="16">Текст </td> <td width="220" rowspan="2"> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top">ывфвфывфывфы</td> </tr> </table> </body> </html> Проблема во второй строке, браузер IE…
0 votes4 answers