HTML Coding

29542 questions in this forum

1. Border наползает на img

   У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.

   Asked by volkov59, January 14, 2010

   0 votes
   9 answers
2. Странности отображения горизонт. меню

   Вот такая проблема. Есть горизонтальное меню, которое в хроме, опере и сафари отображается как надо. А в фоксе и IE отображается неправильно с какой то рамочкой. Откуда она берётся и как это подправить? Меню представлено здесь: сайт. Кстати, если можно подскажите как вообще убрать это белое выделение и заменить его на смену картинки.

   Asked by Tmin10, May 4, 2010

   0 votes
   9 answers
3. центрирование повернутого текста

   добрый день! делаю выплывающее боковое меню. поворот его заголовка с помощью css делается так .boxRotateLeft{ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(270deg); /* FF3.5+ */ -ms-transform: rotate(270deg); /* IE9 */ -o-transform: rotate(270deg); /* Opera 10.5 */ transform: rotate(270deg); zoom: 1; display:block; } вопрос: как отцентрировать этот текст по-вертикали? дело в том, что для разных языков высота будет разная. вариант с картинками мне не подходит вот еще сама разметка <div id="hide" style="float:left;"> <img src="img/hide.png"> <span class="boxRotateL…

   Asked by SnowCatcher, September 9, 2011

   0 votes
   26 answers
4. Лучший способ создать кнопку с input [type='submit']

   Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent;…

   Asked by lev99, May 25, 2013

   • css
   • html
   • input
   • submit
   0 votes
   5 answers
5. Не отображается виджет vk в табах ?

   Перепробовал кучу решений табой и ни в одном не отображается виджет сообщества VK, если его просто вставить на страницу без табов он отображается, код виджета лежит во втором табе нужно смотреть через firebug, вот ссылка <script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "190", height: "220", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29627308); </script>

   Asked by ilyas, August 19, 2013

   0 votes
   2 answers
6. Windows Media Player

   Возможно организовать такое: при нажатии на кнопку (посмотреть) видео файл воспроизводился у клиента в WMP.

   Asked by vl@dvk, February 8, 2008

   0 votes
   3 answers
7. Равномерное выравнивание блоков в несколько строк

   Задача состоит в следующем: резиновый контейнер помещает в себе фиксированные по высоте и ширине блоки, которые имеют одинаковый отступ между собой, если месте в одной строке не хватает, то они позиционируются в несколько строк. Вот примерная схема: Вроде бы на этом форуме публиковали статью с данным трюком, на я не могу найти ее.

   Asked by ruslan.savenok, July 16, 2012

   0 votes
   5 answers
8. Помогите, пожалуйста, с написанием скрипта

   Здравствуйте! Очень нужна помощь с JavaScript Необходимо сделать так, чтобы меню для сайта при изменении размера окна браузера меняло количество пунктов(*1) и те, которые не уместились в списке перемещались в выпадающий список в конце(**2). HTML-код такой: <ul class="Горизонтальное-Меню"> <li class="line"> <a href="/">Адреса магазинов</a> </li> <li class="line"> <a href="/">Оплата</a> </li> <li class="line"> <a href="/">Доставка</a> </li> <li class="line"> <a href="/">Сотрудничество</a> </li> <li c…

   Asked by Алёна Стрелкова, June 20, 2015

   • script
   • javascript
   • скрипт
   • помощь
   0 votes
   8 answers
9. transform и анимация

   $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?

   Asked by aqua.77, February 10, 2017

   • jquery
   0 votes
   5 answers
10. Mozilla не видит картинку

    А я не знал. А оно то оказалось. Mozilla не понимает CMYK Всем кто тоже не знал, все картинки используемые на сайте должны быть в RGB, CMYK мозила не видит

    Asked by SibBear, March 17, 2008

    0 votes
    3 answers
11. INLINE

    В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…

    Asked by sce, December 27, 2010

    0 votes
    10 answers
12. Несколько вопросов от новичка

    Здравствуйте. Вот пример достаточно простого (на вид) макета: http://windows.microsoft.com/ru-RU/windows/explore В связи с этим, несколько вопросов: 1. Где картинки? Браузер не распознает графические участки страницы как картинки и не сохраняет их. При "просмотре кода элемента" через консоль Хрома их тоже найти не удалось, хотя HandyCache успешно сохранил их с расширением .png в свой кеш. 2. Чем можно просматривать PSD макеты не устанавливая сам Photoshop при этом? Просмотреть и разобрать макет на составные. 3. В качестве рабочего инструмента у меня есть пакет Microsoft Expression 4. В частности Microsoft Expression Web для работы с HTML-кодом. Кто-нибудь им пользовался?

    Asked by Starter, September 19, 2012

    0 votes
    21 answers
13. IE не подхватывает кодировку

    Как сделать, чтобы IE открывал страницу в соответствии с заданной кодировкой. В частности, у меня страница в утф-8. А браузер открывает ее в 1251. В настройках есть "Автовыбор". Но не срабатывает при первом открывании страницы. Однако, если Автовыбор сбросить, переоткрыть страницу, потом опять установить, переоткрыть. То открывается как нужно. Но мне нужно, чтобы с первого раза. Вот код: <!DOCTYPE HTML> <HTML> <HEAD> <META CONTENT="text/html;charset=UTF-8"> <TITLE>утф 8</TITLE> </HEAD> <BODY> ТЕКСТ </BODY> </HTML>

    Asked by kryuk, October 28, 2014

    0 votes
    13 answers
14. Меню как на Google

    Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…

    Asked by weqy, August 6, 2011

    0 votes
    6 answers
15. Код Виджета плейлиста, переделать в iframe

    Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…

    Asked by lev99, October 22, 2017

    • html
    0 votes
    1 answer
16. Можно ли задавать высоту обертки, блока всей секции в rem?

    Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?

    Asked by Goreska, April 27, 2018

    • html
    • css
    • верстка
    0 votes
    1 answer
17. Куда делся px ?

    Построил флоатом блоки в двух строках: <div class="element" style="border-left: 0;"></div> <div class="element"></div> <div class="element"></div> <div class="rek" style="margin-left: 0;"></div> <div class="rek"></div> <div class="rekl"></div> css .element { position: relative; float: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 233px; height: 165px; } .rek { overflow: hidden; position: relative; float: left; margin: 1px 0 1px 1px; padding: 0; border: 1px solid #dedcdc; width: 231px; height: 64px; background: #fff; } Проблема в том, что при увеличении масштаба в firefox …

    Asked by Zuma, November 18, 2008

    0 votes
    9 answers
18. Стилизация первых букв, как сделать правильно

    Необходимо у двух слов идущих друг за другом и выделенных заголовком <h1> сделать первые буквы красными. Что то наподобие вот этого: Первое Второе Как это сделать наиболее рационально CSS в отдельном файле и код XHTML 1.0 Strict? Подскажите пожалуйста!!!

    Asked by SergeyVM, July 2, 2009

    0 votes
    1 answer
19. Не работает tr:hover

    На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.

    Asked by alejandro13, October 18, 2014

    • tr:hover
    0 votes
    3 answers
20. Расстягивание Бэкграунда По Вертикали

    На странице есть бэкграунд, который задается при помощи следующего тега: <body id="background" background="/images/some_background.png" style="background-repeat : repeat-x;"> Как видно из кода, это имэйдж, который просто повторяется по оси Х. Внимание вопрос: возможно ли сделать так, чтобы сам бэкграунд расстягивался по центру по вертикали относительно котента, т.е. так, чтобы при любой высоте страницы верхняя и нижняя части бэкграунда всегда оставались на своих местах, а расстягивалась только середина самого имэйджа? Если же нет человеческого выхода из ситуации подскажите плз, как лучше всего сделать, чтобы получился данный эффект Заранее спасибо за ответ.

    Asked by DImaN, August 26, 2008

    0 votes
    4 answers
21. Обновление сайта!

    Всех с наступающим!!! подскажите, какой прогой лучше пользоваться, для обновления сайта? и как ее установить?

    Asked by Alan_ua, December 31, 2008

    0 votes
    7 answers
22. Border для Img

    Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо

    Asked by termoplus, May 7, 2009

    0 votes
    7 answers
23. Смена кодировки в простом php скрипте

    Использую такой скрипт для вывода статуса с твитера: <?php function getTwitterStatus($userid){ $url = "http://twitter.com/statuses/user_timeline/$userid.xml?count=1"; $xml = simplexml_load_file($url) or die("could not connect"); foreach($xml->status as $status){ $text = $status->text; } echo $text; } //user id getTwitterStatus("id"); ?> Единственная проблема в том, что кирилицу отображает неправельно, подскажите как это можно поправить?

    Asked by 2_k, May 17, 2010

    0 votes
    2 answers
24. Помогите создать всплывающее меню!

    Не то, чтоб я вообще не знаю, как это сделать, но запуталась в тегах. Итак, исходный css файл был таким body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(images/body.jpg) repeat-x #F7FFC4; padding-bottom:10px;} a {color:#deff00; text-decoration:none;} a:hover {text-decoration:underline;} #container {background:url(images/main_bckg.jpg) center top no-repeat; width:980px; margin:0 auto;} #logo {margin:0 90px 0 110px; background:url(images/logo_bckg.jpg) no-repeat #4A730B; padding:43px 0 69px 0; text-align:center;} #logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:20px;…

    Asked by La_Perm, March 23, 2011

    0 votes
    7 answers
25. Firefox криво распознает display: table-cell;

    Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что: Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть. Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.

    Asked by Mosya, July 19, 2012

    0 votes
    14 answers