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
-
в IE появился отступ таблицы справа
На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..
0 votes7 answers -
Посоветуйте Книги!
1. HTML и CSS на примерах это для изучения HTML и CSS/ 2. А вот какую книжку посоветуете для изучения Фотошопа (конкретно для рисования сайта в н?м на достойном уровне). И ещ? нужна книга по PHP для работы с сайтом. В общем можете рекомендовать вс? хорошее что поможет создать хороший сайт Заранее спасибо всем.
0 votes7 answers -
Проигрывание mp3 в фоновом режиме
Всем привет! Нужна срочная помощь. Есть некоторая страница с большим кол-вом текстового материала. Нужно сделать так чтобы при нажатии на какую-нибудь ссылку (одно из слов текста) на странице начинал воспроизводится в фоновом режиме mp3 файл. При этом мы видим тот же самый текст. Как это сделать. Естественно <a href="1.mp3">слово</a> не помогает, открывает новую страницу.
0 votes11 answers -
Две проблемы с тач-устройствами
Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…
0 votes5 answers -
Отображение шрифтов Google Chrome, Opera, Yandex
Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z
0 votes14 answers -
Окошко флеш плеера перекрывает CSS меню, а нужно наоборот
Ребята, подскажите, а то не знаю что делать. Есть страничка, где настроено динамическое выпадающее css-меню. Также на странице есть несколько окошек с flash-контентом. Когда только заходишь на страницу и открываешь выпадающее меню, то если меню попадает на окно плеера, то все выглядит как надо (меню накрывает плеер). Но если запустить содержимое плеера, то с этого момента навигационное меню пересечении с плеером оказывается под ним (плеер перекрывает меню). Как мне добиться того, чтобы меню всегда было поверх любого контента на странице. Если не ясно что я имел ввиду, то просто посмотрите то, что у меня получилось, на моей страничке. И еще вопрос, можно как-то на сайте оп…
0 votes7 answers -
лишний пробел после ссылки как исправить ?
Если html код выглядит так : <a href="#" >один</a> <a href="#">два</a> <a href="#">три</a> после ссылок появляется пробел. Если так: <a href="#" >один</a><a href="#">два</a> <a href="#">три</a> пробела нет - как это исправить, plz
0 votes9 answers -
span и иконка
http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)
0 votes1 answer -
Position fixed на мобильных
Все привет! Подскажите знающие люди столкнулся с таким багом при верстке адаптивной версии сайта, Значит есть мобильное меню при нажатии на определенный блок выплывает блок с свойством position:fixed; и в этом блоке уже навигация по сайту. На десктопе все ок работает, баг идет именно на мобильном, когда открываешь сайт с телефона и открываешь моб меню, так как стоит свойство position:fixed, то есть скролл и если начинаешь скроллить, обычно сначала вниз, после чего на моб браузере соотвественно появляется адресная строка браузера, но при обратном скролле т.е вверх, адресная строка как положено пропадает и остается место от нее на несколько долей секунд, кто сталки…
0 votes0 answers -
Bootstrap 5
Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…
0 votes3 answers -
Ссылка с флешролика на другую страницу
Люди, подскажите, пожалуйста, что нужно сделать чтобы ссылка с флеш ролика заработала вот с этого - http://www.cbskiev.ru/news/gogolinfo.php , подскажите что я делаю не так
0 votes19 answers -
Фон
Как сделать чтобы при увеличении окна браузера фон в блоке увеличивался только на цельную картинку а не на её часть...? Дело в том что можно было бы конечно без этого обойтись, просто картинка с который состыковывается этот фон очень большая и многоцветная.. местами с прозрачностью.... Если её делать PNG-хой то она будет весить порядка 140кБ... а в JPG-е он будет весить всего 17кб.... Как бы разница ощутимая... вот и задался таким вопросом.... может ктонибудь знает? заранее благодарен. )
0 votes16 answers -
Как сделать чтобы header и навигация прокручивались вместе со странице страница они должны быть в зоне видимости ?
Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место.
0 votes6 answers -
Смена текста туда-обратно
Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный
0 votes18 answers -
framed layout IE standard compilance
Приветствую! Встала необходимость сверстать фрэймовый лэйаут, вот такой. http://www.dynamicdrive.com/style/layouts/...-frames-layout/ Вс? там хорошо, кроме того, что IE работает в Quirks mode. Возможно ли решение в standard compilance mode ? Сколько ни игрался, сделать не смог. Спасибо! PS: да, хотел отметить, через expressions это дело можно побороть, но не хотелось бы их использовать.
0 votes6 answers -
Фоновый звук
Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?
0 votes12 answers -
Как уменьшить фоновую картинку?
Всем привет! Я пока новичок в разработке сайтов, пишу свой первый сайт, решил прикрутить галлерею. За основу взял код отсюда: http://www.artlebedev.ru/tools/technogrette/js/filmstrip/ style type="text/css"> #fsClipper { height: 330px; width: 100%; overflow: auto; //overflow: hidden; //overflow-x: auto; } .fsControl, #fsLinks a { color: darkblue; cursor: pointer; //cursor: hand; } .fsControl.disabled, #fsLinks a.current { color: #000000; cursor: default; text-decoration: none; } .fsControl.disabled { color: #666666; } #fsScreen { height: 300px ! important; background: no-repeat 50% 50%; } </style> <div id="fsClipper"> <div id="fsScreen"></div…
0 votes3 answers -
Drupal+Smarty: настройка профиля пользователя
Добрый день! Мне необходимо кастомизировать страницу пользователя (например, www.example.net/user/20). Знаю как решить данную задачу, если вместо Smarty используется PHPTemplate. А в указанной связке - кто-нибудь сталкивался с этой проблемой? Помогите, пожалуйста
0 votes7 answers -
CSS и PHP
PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо
0 votes15 answers -
Фон блока в Firefox
Вот есть код, но в Firefox фон второго блока не отображается. Если их поменять местами, все ок. В IE6 фон всегда отображается. Как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div style="height:50px; background:#CCCCCC; border:1px solid"></div> <div style="height:28px; background:url('fone.gif') left top repeat-x fixed; border:1px solid;"></div> </body> </html>
0 votes11 answers -
Bootstrap 4, Flexbox или Cssgrid
Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…
0 votes3 answers -
подсветка ссылки активной страницы
Всем привет. Меню выводится так: <div id="nav"> <ul><?php $categories = get_categories();foreach($categories as $link):?> <li><a href="index.php?view=<?php echo $link['cat_id'];?>"><span class="link"><?php echo $link['name'];?></span></a></li><?php endforeach;?></ul></div> css: a {font-size: 22px;text-decoration: none;padding-bottom: 8px;border-bottom: 2px solid #666666;} a:hover { color: #FFCC00; text-decoration: none;border-bottom: 3px solid #FFCC00;} .link { color: #666666; } #nav{position: relative; margin-left: 4%;} li{display: inline;margin-right: 18px;} Вопрос как сделать подсве…
0 votes9 answers -
Применение margin сдвигает не то, что хотелось бы.
Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).
0 votes5 answers -
Отступ снизу у inline-block элемента
Добрый день, столкнулся с вот такой штукой, вот допустим меню <section class="menu"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </section> .menu{ text-align: center; overflow: hidden; } .menu ul{ display: inline-block; } .menu li{ float: left; } .menu li a{ display: block;…
0 votes2 answers -
Как сделать отступ между Li:before и текстом
https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?
0 votes2 answers