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
-
помогите пожалуйста с HTML кодом
у меня на 6 експлоре съезжает менюшка вниз(http://autoriginal.com.ua/) неподскажите в ч?м ошибка, спасибо! вот код <div id="logo"> <div> <?php mosLoadModules ( 'user9' ); ?> </div> <?php switch ($option){ case "com_frontpage": echo '<div id="top_bar_home"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map2" />'; break; default: echo '<div id="top_bar"><img border="0" src="'.$myway.'/images/space.gif" alt="" width="1" height="1" usemap="#Map" />'; break;}?> </div></div> <div align="center" ><?php echo $mycssONLY_PRI_menu ?></div> <…
0 votes3 answers -
Проблема спика в Safari и Chrome
День добрый! Проблема следущая. ПРи построении горизонтального списка с float: left в firefox,msi и opera, отображается корректно: но в chrome и safari выдает такую бяку: Конструкция списка html: <div class="cpt_product_lists"> <ul > <li> </li> </ul> </div> Css: .cpt_product_lists ul { list-style:none; margin:0; padding:0;} .cpt_product_lists ul li { float:left; margin: 20px 8px 0 17px; border: 1px dashed #666; } Реальный пример сайта: пример Помогите пожалуйста, танцую с буном уже 4 час, менял конструкцию на li c inline-block, и на li с overflow:hidden, ни чего не помогает.
0 votes5 answers -
input, text-decoration: underline
Есть input type="submit", для него в css прописано text-decoration: underline Так вот не во всех браузерах этот underline срабатывает, в опере не работает точно Пробовал ставить padding-bottom и margin-bottom, ситуация не изменилась Как можно исправить?
0 votes1 answer -
Как зафиксировать меню сверху экрана
Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.
0 votes4 answers -
Выровнять по верхнему краю текст в дивах
Здравствуйте! Подскажите, как выровнять текст в дивах по верхнему краю. Я создала три ячейки по горизонтали. В каждую внедрила по одному диву. В каждый из дивов внедрила текст. Количество символов в каждом диве разнится. Текст в первом диве расположен по верху, во втором смещен к середине, в третьем - еще ниже. Попыталась внедрить одинаковое число символов, но толку мало, текст сдвигается, как и при разном количестве слов.
0 votes13 answers -
Как центрировать кнопку, не учитывая комментарий к ней?
Есть кнопка, и справа(слева) от нее пару слов комментария. Как центрировать кнопку, не учитывая этот комментирий. При этом комментарий должен быть рядом с кнопкой. Вместо такого: Нужно так:
0 votes3 answers -
Как лучше сделать лого и название сайта?
Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …
0 votes13 answers -
margin указанный в % не работает в firefox
здравствуйте! указываю DIVу (margin: 1.5% 0;) везде нормально работает, а вот в мозиле, не работает вообще, в чем может быть проблема?
0 votes13 answers -
Не работает reset на кастомном select
Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM
0 votes1 answer -
Раскрасить input c type = ratio
Нужно чтоб сам кружок был с рамкой зел?ного цвета, а точка которая появляется при клике на объект была синяя, ну и тень надо убрать
0 votes3 answers -
Эффеккт в таблице
Как сделать, вот пример: http://www.honda.co.ru/index.shtml При на ведении на центр где инфрмация Автомобили - появляется фоновая картинка в таблице? Есть примеры?
0 votes13 answers -
ie6 замучал меня
между блоками только в ие6 появляется горизонтальный разрыв в 3 рх как с этим бороться? выравнивание стоит float:left и clear:both
0 votes10 answers -
Фиксировать положение элемента
Добрый день, допустим есть такой фрагмент: <html> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пол…
0 votes8 answers -
Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera
Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…
0 votes7 answers -
Меню
Привет всем. Меню, не получается отобразить полноценно в других браузерах кроме IE (сжимает) что можно предпринять? ____________________________________________________ #navigation { padding:0px; font-weight:bold; display:inline; } a.navigation { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:visited { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:hover { top:2px; left:2px; color:red; border-color:#999 #999 #ccc #ccc; …
0 votes12 answers -
шапка
...........
0 votes11 answers -
рамки "border" - хотелось бы КБ решения с учетом IE6/7, FF, Operы.
Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <…
0 votes16 answers -
Psd макеты
Здравствуйте,нужна ваша помощь!Подскажите как правильно нарезать psd шаблон,что бы впоследствии можно было получившиеся картинки использовать в создании сайта(фотошопом владею очень слабо,именно поэтому и спрашиваю)может кто нибудь знает самоучители,уроки,или просто сам расскажет,а возможно даже и покажет как это делается) в общем надеюсь на вашу помощь,заранее благодарен!
0 votes4 answers -
Меню аккордеон!
День добрый! Если взять меню, например вот это: http://www.magentawave.com/2012/10/accordion-css3-jquery-menu.html то оно прекрасно работает. Но как только делаешь в меню 8-10 подменю (как только делаешь его достаточно длинным), то при нажатии на пункт страничка сдвигается вверх к этому пункту. Я думаю дело в якоре? Из за него страница двигается к месту где якорь? Как от этого избавиться? Зачем нужно меню, которое не работает нормально... Таких меню куча в инете и основа у них одна, список с якорями. Может можно как-то без якорей сделать? Или я чего-то не понимаю еще. С ув. Uncle Fox.
0 votes9 answers -
Ошибка в верстке
Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: un…
0 votes5 answers -
Позиционирование flash по z-оси
Окно flash перекрывает выпадающее меню навигации. Как сделать, чтобы выпадающее меню прорисовывалось поверх флэша? z-index мне, почему-то, не помог.
0 votes9 answers -
Объясните как работает простой jQuery скрипт.
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…
0 votes15 answers -
Input range стилизация
Ребят, какие тут параметры задавать, с range вообще не работал, даже не знаю как это подобное сделать?
0 votes3 answers -
Правая колонка (сайдбар) в шаблоне сполз вниз
Никак не могу поправить шаблон. Съезжает правая колонка вниз , посмотрите, пожалуйста,что я не так делаю?
0 votes2 answers -
Несколько div в ширину
Раньше делал список фотографий всегда в табличках, но не нравится при этом то, что превьюшки не всегда одинаковые по высоте и ширине и иногда получается остаётся много свободного места на страничке... Например, поменяли в конфиге стандартный размер превью и скрипт начал штамповать превьюшки 100px по большей стороне вместо бывших 200. Ну или глупый пользователь загрузил фотографию, у которой размеры оригинала 100 пикселей :-) Запрещать загружать такие картинки не хочу - ругаются. В общем идея простая - показывать фотографии вообще без таблицы, просто ставить им отступы (margin), чтобы не прикасались и вертикальное выравнивание делать по центральной линии (мне так кажется …
0 votes5 answers