HTML Coding

29,542 questions in this forum

1. Не работает свойство border-collapse: collapse;

   Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

   Asked by Temik2704, October 25, 2013

   • Новичок
   0 votes
   4 answers
2. Кнопки в IE

   В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

   Asked by Cmaster2K, July 19, 2009

   0 votes
   19 answers
3. текст и картинка

   имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…

   Asked by Iton, August 2, 2007

   0 votes
   11 answers
4. Выравнивание картинки и текста

   Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

   Asked by SeZuka, October 19, 2009

   0 votes
   13 answers
5. Проблема с резиновой версткой дивами.

   Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…

   Asked by artist_id, January 31, 2009

   0 votes
   4 answers
6. Нужен совет ЗнАтОкОв

   Обращаюсь к знатокам своего дела . коих тут очень даже немало ... Вобщем просьба вам такого типа, есть макет , подскажите как лучше будет его верстать... вот ссылка на макет ... http://privetgleb.narod.ru/test.jpg подскажите как будет лучше сделать ... я неопытным взглядом вижу что нуно делать шапку , подвал , и 3 колонки ... По окончании в?рстаки выложу то что получилось для других :-)

   Asked by mOnYa, December 21, 2007

   0 votes
   13 answers
7. HTML был 1000px в ширину стал 2000px. Как вернуть?

   HTML был 1000px в ширину стал 2000px. Как вернуть?

   Asked by russiaportugal, August 30, 2023

   0 votes
   1 answer
8. с помощью css нужно добавить символы в меню

   необходимо сделать меню имеется вот такой html код <div class="content"> <ul class="menu"> <li class="leaf first active-trail"><a href="#" class="active">Домашняя страница</a></li> <li class="leaf"><a href="#">Розничная торговля</a></li> <li class="leaf"><a href="#">Оптовая торговля</a></li> <li class="leaf"><a href="#">Услуги</a></li> <li class="leaf last"><a href="#">Координаты</a></li> </ul> </div> я могу изменять только CSS. Подскажите как добавить к каждому пункту меню справа символ ">" ? Пробовал сделать та…

   Asked by modest_man, August 12, 2009

   0 votes
   3 answers
9. Убрать пунктирную рамку с картинки-ссылки в момент нажатия

   Привет. Подскажите, пожалуйста, как убрать пунктирное выделение с картинки-ссылки в момент нажатия? Стоит explorer 9. Только начинаю учиться, на форумах ничего не нашла. Не сплю второй день уже. <html> <head> <title>Пунктирная рамка</title> </head> <body> <a href="index.html"> <img src="home1.bmp" align="left" border="0"> </a> </body> </html>

   Asked by Эма, February 4, 2012

   0 votes
   19 answers
10. Создать доска объявления

    Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее

    Asked by bumerkz, September 28, 2015

    • доска объявлений
    • объявления
    • cms
    • движок
    • начинающему
    0 votes
    3 answers
11. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

    Asked by Ivan_A, November 11, 2018

    • вёрстка
    • сайт
    • html
    • css
    0 votes
    2 answers
12. Увеличьте размер активных элементов на странице

    При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…

    Asked by lev99, July 31, 2015

    • html
    • css
    0 votes
    4 answers
13. Рандомный цвет в переменной

    Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…

    Asked by samec1337, October 21, 2015

    0 votes
    9 answers
14. Центрирование background (по центру экрана), но чтобы был фиксированого размера и не сжимался (а обрезался) при изменении ширины экрана

    Здравствуйте, изучил все возможные способы позиционирования background с помощью CSS. Но никак не пойму, возможно ли сделать такое. Есть картинка фона (background) размером 2560 на 1440 Хочу чтобы центр этого фонового изображения всегда был по центру экрана, но чтобы при этом при изменении ширины экрана - фоновая кртинка не изменяла своих размеров. Образно говоря, 1. Сначала применяю к фону свойство background-size: cover; фоновое изображение при этом фиксировано, не изменяет своих размеров при изменении ширины экрана, просто обрезается - так как я хочу, но хотелось бы ещё чтобы центр картинки был по центру экрана. 2. Применяю свой…

    Asked by BOMS, March 31, 2016

    0 votes
    5 answers
15. Таблица прогноза погоды

    Люди, помогите кто знает. Не знаю в какую тему это писать, решил написать сюда. Вот есть сайт www.floppysystems.kz - на этом сайте справа есть таблица прогноза погоды. Эта таблица обновляется с сайта gizmeteo.ru Прич?м эта таблица - отдельный HTML файл вставленный в каждую страницу сайта. Вопрос - какими средсвами можно сделать такую таблицу, и как она вставлена в сраницы сайта???

    Asked by dennrum, March 4, 2008

    0 votes
    5 answers
16. Таблицы и слои. Как прикрепить две картинки?

    Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…

    Asked by Defenderyk, March 31, 2009

    0 votes
    8 answers
17. Опять ж таки резиновый дизайн двухколоночный

    Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....

    Asked by AntonSubbota, December 17, 2009

    0 votes
    19 answers
18. Автоматическое заполнение diva блоками, следующими слева на право

    Доброго времени суток Уважаемые Гуру верстки! Столкнулся с необходимостью автоматически заполнить блок контентом в несколько столбцов. Как здесь: Каждый блок контента принадлежит к одному классу, у каждого фиксированная ширина, а высота разная. Применив float-left блоки заполняют пространство слева направо, но получается разрыв по высоте: Как решить данную проблему? Вот код для примера: <!-- #oblogka { background-color: #C9F; height: 300px; width: 200px; position: relative; } .content { background-color: #CCC; float: left; height: auto; width: 90px; border: 1px solid #00C; } --> </style> </head> <body> <div id="oblogka"> <…

    Asked by tragbang, October 16, 2011

    0 votes
    6 answers
19. В картинку вставить аську и прогноз погоды

    Somebody! хелп! Нужно поверх картинки, которая, как основной фон повесить аськи и этот факинг прогноз погоды. С аськами более менее разобралась, повесила.. только когда люди в офлайне они не горят...Не понимаю почему. Прогноз погоды в таком ключе <EMBED src="http://rp5.ru/informer/120x60/1/13.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=7285" WIDTH="120" HEIGHT="60" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED> не идет. Аську ставила примерно так: <span style="position: relative; top: 0px; left: 0px; height:50px; width…

    Asked by 7wonders, September 20, 2007

    0 votes
    4 answers
20. подскажите как сверстать

    Здравствуйте! Подскажите, пожайлуста, как сверстать вот такой макет: красная это рамка вокруг блока, рисунок по середине блока. Спасибо!

    Asked by _axl, October 18, 2008

    0 votes
    16 answers
21. Фиксированный-резиновый DIV

    Здравствуйте Уважаемые !!! Пытаюсь перейти на DIV верстку, но все никак врубиться в нее не могу. После таблиц никак не получается. Уже пытаюсь по рекомендациям с сайта, все выкинуть из головы про таблицы и на пустую голову все сделать. Вроде помаленьку начинаю понимать, но код далек от совершенства. Много вложений получается и т.д. Вот пробую с фиксированным расположением сделать, не получается footer вниз опустить, А как сделать, никак не могу понять. Смотрел много работ и примеров по "резиновой" верстке, все на float. Хочу без float обойтись. Если привязываю footer к "content", то он опускается, но при наполнении "right" остается на месте перекрывая данные в правом поле…

    Asked by Antonov124, December 25, 2009

    0 votes
    22 answers
22. Еще раз про DOCTYPE

    Всем привет! Всех с наступающим Новым Годом! Вопрос: если на странице не будет DOCTYPE вообще - это чем чревато? Какую функцию выполняет этот DOCTYPE. Задаю вопрос вот почему: при тестировании дизайна страницы она корректно заработала только когда удалил DOCTYPE нафиг! Полез в Инет - везде пишут "...без доктайпа..." счастия не быват! А тут получается что быват....

    Asked by styleroom, December 27, 2007

    0 votes
    22 answers
23. Проблема с отображением background'а при масштабировании

    Здравствуйте! Проблема такая. Делаю background в блоках DIV, в бекграунде сразу три изображения по спецификации css3, всё нормально отображается и работает, но только тогда, когда масштаб стандартный, т.е. 100%. Когда в браузере уменьшаю масштаб, то тех бекграундовых изображений, у которых ширина 1px становится не видно. Так и должно быть или от этого как-то можно избавиться, чтобы всё отображалось даже при уменьшении масштаба? Не знаю, что сюда привести... ну, вот css код того блока, в котором исчезает: .cont_verh_svitok_part2_center_fon { display:inline-block; padding:0; margin:0; border:0; outline:none; overflow:hidden; width:189px; font:12pt Palatino Linotype,verdana…

    Asked by Tok13, January 26, 2013

    • background
    • масштаб
    0 votes
    5 answers
24. Рисунок с float не растягивает div по вертикали

    Есть див, в нём рисунок с флоат и текст который этот рисунок обтекает. При этом див растягивается только текстом, а рисунок свободно вылезает за границы дива. Как ограничить? Рисунки разного размера как и текст и задать жестко не вариант. Пример: <div style="border:#000000 dotted 1px;"> <img src="любой рисунок.jpg" style="float:left;" /> произвольный текст </div>

    Asked by Blockhead, May 5, 2010

    0 votes
    12 answers
25. наложение слоев

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

    Asked by Shar, June 8, 2007

    0 votes
    8 answers