HTML Coding

29542 questions in this forum

1. Резиновая табличная верстка макета

   Доброго времени суток, уважаемые форумчане) Подскажите пожалуйста нубу, что я делаю не так?? Стоит задача, сделать резиновый макет исключительно табличной версткой (не спрашивайте почему.... дивами и так знаю как сделать). Короче первое задание: скрин 1. Все норм, делаем табличку, во вторую ячейку посередине вставляю еще одну табличку, задаю ей рамку, ставим проценты и все как надо работает))) (скрин 2). Но вот вторая задачка..... (скрин 3) И вот ту мозгов уже не хватает)) Я рассуждаю так: добавляем еще одну ячейку, colspan ом сливаем шапку и подвал, чтобы они не были корявыми. Делаем одной ячейке 25% второй 75%. Пока все ровно, все работает (скрин 4 и скрин 5).…

   Asked by Dimas07, December 14, 2016

   • резиновая табличная верстка
   0 votes
   1 answer
2. Проблема в Explorer 6 с параметром overflow

   Здравствуйте! Заметил странный баг в Explorer`e. Если слой с параметром overflow лежит внутри таблицы, то в Explorere параметр overflow просто не действует. Вот например код: <div style="width: 100%;"> <table style="width: auto"> <tr> <td> <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0"> СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйт…

   Asked by Andrey_rus, April 2, 2008

   0 votes
   6 answers
3. сервисы погоды и курса вылют

   Добрый день всем !!! Помогите решить задачу , хотелось бы на сайте разместить погоду и курс валюты . Где и как это мделать . Огромное спасибо всем !

   Asked by bgraf, December 24, 2009

   0 votes
   7 answers
4. Не работает меню в IE7

   В IE7 ,XP, разрешение экрана 1280х800 (ноутбук), при уменьшении Ctrl - и увеличении Ctrl +, ссылки в меню съезжают влево, линии остаются на месте. В Firefox 4 и 5 работает нормально. В IE8 на персональном компьютере работает нормально. У меня не получается сделать, так чтобы не разъезжалось, может кто-то поделится опытом. Заранее благодарю. Верстку шаблона мне делал фрилансер, я немного понимаю в html и css, но найти где ошибка не получается. http://savepic.org/1908623.png http://savepic.org/1962894.png Код меню в index.html <div id="menu"> <div class="headsl">{$box_SEARCH}</div> <ul> <li{$1}><a href="{$mainpage}">Главная</a> …

   Asked by Olekh, July 8, 2011

   0 votes
   4 answers
5. Линия с прозрачными краями (затухание)

   Вопрос, как лучше сделать линию ?

   Asked by webdrafting, January 3, 2014

   0 votes
   5 answers
6. Как так сверстать?

   Если кто видел помогите, http://www.artlebedev.ru/everything/nokia/n93/ Там смысл такой что грубо говоря длинная картинка горизонтальная, разбита на 4 раздела, в браузере естественно видно только 1, и если крутить колесом мыши плавно сверху появляется следующий раздел.

   Asked by Webdel, February 23, 2008

   0 votes
   5 answers
7. интервал в тексте

   Как сделать скажем 4 пробела подряд не используя и не вставляя каждый раз div. Нашел тег text-indent: 20px; но это отступ в начале текста а если мне нужно в середине. Причем не не нужен интервал между строками, нужно именно.

   Asked by sneg06, June 9, 2008

   0 votes
   8 answers
8. FF прячет границу

   образец проблемы сделан наглядно: http://at.tut.by/nhjugfbd/obrazec.htm

   Asked by Rilo, October 7, 2008

   0 votes
   6 answers
9. Почему такая разница в шрифтах и как верстать правильно?

   Разное отображение шрифтов в разных браузерах. При чем наблюдается различие в разный системых Windows 7 Windows 8. Вот скрины. Вот типичный сайт, выложил на хостинг, чтобы можно было посмотреть. Почему такая разница в шрифтах? Они не кроссбраузерны получается. Вот и скрины с разных систем, исерено все линейкой как видите.

   Asked by foxtrot874, October 18, 2013

   • HTML 5
   • CSS 3
   • font
   0 votes
   17 answers
10. Выравнивание картинок с подписью по горизонтали

    Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…

    Asked by Hosemose, October 28, 2015

    • div img span
    0 votes
    7 answers
11. Сделать <span> неактивным

    Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную

    Asked by Владимир Горинов, December 15, 2016

    • span
    • html
    0 votes
    3 answers
12. стили картинок в джумле

    Кто знает почему стили для картинок не работают в джумле? Сделал шаблон, все стили работают, а для картинок не работают. В файле temlates.css определены. Смотрел в коде генерируемой страницы, джумла им сови классы не присваивает, стоят мои, а свойства не меняются. Например обводка картинок не работает.

    Asked by SoFuWa, August 11, 2010

    0 votes
    5 answers
13. "Лишняя" остаточная ширина блока при переносе слов на новую строку

    Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

    Asked by Squidward, August 27, 2014

    0 votes
    5 answers
14. Свойство css

    Привет Знатокам ! Подскажите мне пожалуйста - какое свойство в css отвечает за перенос слова целиком если оно не поместилось в блок ? word-wrap , word-spacing -не работали вообще

    Asked by atlanta, January 15, 2015

    • css
    0 votes
    12 answers
15. не понимаю как привязать блок к соседнему блоку

    Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.

    Asked by fes777, October 9, 2015

    • position
    • absolute
    • relative
    • div
    • span
    0 votes
    10 answers
16. Увеличение картинки в многоугольнике

    Здравствуйте. Не могу решить задачу. Есть картинка в многоугольнике, по наведению она должна увеличиваться. У меня сейчас получается только эффект "гармошки": http://codepen.io/anon/pen/wGaoqY. Знаю откуда ноги растут - картинке задана высота 100%, но если установить auto, то тогда на hover искажается многоугольник. Подскажите, пожалуйста, как это исправить.

    Asked by Crystal-3, March 2, 2016

    0 votes
    17 answers
17. Как сделать пункты выпадающего меню ссылками?

    Я хочу сделать на сайте выпадающие меню, в котором при выборе пункта происходит переход на новою страницу. Возможно ли такое на html? и Как это сделать?

    Asked by Mik09, May 3, 2016

    0 votes
    6 answers
18. Проблема с меню на CSS

    Всем привет :) Пытаюсь сверстать свой первый макет, и возникла проблема с меню. Должно быть, как на первой картинке - это макет из фш. Выходит, как на второй, меню спадает вниз. Прошу, пожалуйста, тыкните на ошибку в коде, и, если есть возможность, объясните. буду очень рада ответам! Код кидаю: *{margin: 0; padding: 0; outline: 0} .clearfix::after { content:""; height: 0; display: block; clear: both; } div .container { width: 1300px; margin: auto; background: #fff; } header { width: 100%; height: 130px; border-top: 8px solid #a292b3; position: fixed; z-index: 2; } .logo { margin: 30px 0 20px 170px; }…

    Asked by Sve, March 2, 2019

    • css
    • html
    • header
    • меню
    0 votes
    3 answers
19. Прыгающие блоки в Ослике 6

    Я тут почитал вопрос ниже, но увы он мне не подошел. Суть вопроса: Есть шапка <!-- body { margin: 0; padding: 0; background-image:url(i/top_c_plash.jpg); background-position:top; background-repeat:repeat-x; } --> <div style="width:100%; min-width:972px; height:253px; display:inline-block;"> <div style=" float:left; height:253px; width:500px; display: inline-block;"><img src="i/top_l.jpg" width="500" height="253" alt="top_l" /></div> <div style=" float:right; height:253px; width:468px; display:inline-block;"><img src="i/top_r.jpg" alt="top_r" width="468" height="253" /></div> </div> Пытаюсь добиться иллюзии …

    Asked by guvatara, October 3, 2007

    0 votes
    3 answers
20. Таблицы едут

    Помогите пожалуйста вот сайт: http://sportanalytic.com. При увеличении какой-то из ячеек таблицы все начинает ехать. Например так: http://sportanalytic.com/?category=press&a..._ostannogo_turu, все справа расстянулось. Как сделать так чтобы ячейки не реагировали на размеры других и оставались постоянного размера. Вот код таблицы: <table width="1000" border="1"> <tr> <td width="500" height="400"><?php echo LastNews2(1, false, 14, 100,185); ?></td> <td width="10"> </td> <td width="240">{ads2}</td> <td width="10"> </td> <td width="240">{ads}</td> </tr> <tr> <td colsp…

    Asked by EnergY2007, April 30, 2008

    0 votes
    5 answers
21. Как сделать чтобы DIV выравнивался по ширине?

    Как сделать чтобы DIV растягивался в ширину по мере написания в н?м контента... в IE работает правильно а в Mazille не тянется <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <head> <style type="text/css"> #d1{width:1%; border:#f00 solid 1px} </style> </head> <body> <div id="d1">приветприветпривет</div> </body> </html>

    Asked by antonP, May 5, 2008

    0 votes
    7 answers
22. пунктирное подчеркивание у ссылки

    Нужно сделать, чтобы у ссылки было подчеркивание пунктирной линией. Делаю так: a { display:block; border-bottom: 1px dashed white; text-decoration:none; padding:2px; padding-top:20px; color: #ffffff; } Но тогда пунктирная линия растягивается на всю ширину, а не только под текстом. Как сделать, что бы подчеркивался только текст ссылки? Заранее, спасибо

    Asked by top-top, May 19, 2009

    0 votes
    8 answers
23. Верстка блоков

    Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…

    Asked by Дуня, November 29, 2009

    0 votes
    17 answers
24. Сколько денег можна взять за верстку этого сайта ?

    Сколько денег можна взять за верстку этого сайта ? http://bmdekor.ru/

    Asked by Shenia132, May 6, 2014

    • сайт
    0 votes
    15 answers
25. css глобальный стиль через класс и позиционирование элемента через id.

    Собстевенно, есть сайт, в нем много страниц на которых содержатся (в разных местах) повторяющиеся элементы (кнопки, формы, чекбоксы, div и т.п.) со стилем заданным (css) через class, а позиционируются на станице эти элементы через id. Правильно ли это? Если нет, то как сделать правильно? Пример: <!DOCTYPE html><html> <head> <title>!DOCTYPE</title> <meta charset="utf-8"> <link href="main.css" rel="stylesheet" media="all"> </head> <body> <div id="id" class="class"> <p>Разум — это Будда, а прекращение умозрительного мышления — это путь. Перестав мыслить понятиями и размышлять о путях существования …

    Asked by valdemark, October 23, 2014

    • css
    • class
    • id
    • позиционирование
    0 votes
    3 answers