HTML Coding

29,542 questions in this forum

1. Обрезать строку в ячейке таблицы

   Добрый вечер. Подскажите, пожалуйста, как обрезать строку в ячейке таблицы? Пробовал делать с помощью text-overflow: clip и overflow: hidden, но таблица растягивается и никакого обрезания, конечно же, не происходит. Вот код таблицы (прошу не пинать за указание ширины прямо в HTML): <table class="logs_list"> <tr> <td style="width: 20%">IP</td> <td style="width: 10%">Время</td> <td style="width: 5%">Запрос</td> <td style="width: 60%;">Страница</td> <td style="width: 5%">Ответ</td> </tr> <tr> <td>140.206.155.127</td> <td>00:54:00</td> <td>GET&lt…

   Asked by AlmazDelDiablo, April 7, 2013

   0 votes
   4 answers
2. Кликабельная иконка возле ссылки

   Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <a class="savelink" href="#"><div class="save_xl">ССЫЛКА</div></a> .savelink { display: inline; height: 20px; line-height: 20px; font-size: 12px; margin-left: 20px; text-decoration: underline; } .save_xl { background: url("icon_excel.jpg") no-repeat; } .save_word { background: url("icon_word.jpg") no-repeat; } .save_file { background…

   Asked by splean, January 14, 2009

   0 votes
   4 answers
3. Убрать прозрачность дива

   Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо

   Asked by kirhost.com, November 20, 2009

   0 votes
   12 answers
4. Как сделан сайт vk.com

   Извините за вопрос, но как был сделан сайт vk.com. Создавали ли они свой движок? Я не думаю, что они создавали в social engine. Если знаете, посоветуйте, какие языки программирования и верстки надо выучить( знаю html css, php и js немного), чтобы сделать такой же сайт как у Дурова. Буду очень благодарен за ответ.

   Asked by saswat, July 6, 2012

   0 votes
   17 answers
5. Кроссбраузерность line-height или как правильно центровать текст по вертикали

   Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

   Asked by Arinden, January 10, 2017

   • padding
   • line-height
   • font
   • webfont
   • android
   • fonts
   0 votes
   8 answers
6. перенос строки в <option>

   Добрый день. Возможно ли делать перенос строки в тегах <option> select'a? Вариант <option value="">my_text<br />my_text</option> не работает В выпадающем списке появляется вся строка с <br /> \n\r тоже не работает ( заранее спасибо.

   Asked by ionico, November 14, 2009

   0 votes
   2 answers
7. Смена цвета текста при наведении на него курсора

   Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?

   Asked by mr_0003Spy, March 11, 2011

   0 votes
   10 answers
8. загадочное поведение @media screen (max/min width/height)

   Дамы и господа, добрый, последний мартовский день! Столкнулся с следующей траблемой: в <meta /> HTML index: <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px) and (max-height: 600px)" href="css/800x600.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px) and (max-height: 768px)" href="css/1024x768.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1152px) and (max-height: 864px)" href="css/1152x864.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1280px) and (max-height: 600px)" href="css/1280x600.css" /> <link rel="stylesheet" t…

   Asked by mushroom, March 31, 2011

   0 votes
   9 answers
9. Что лучше для верстальщика iMac или MacBook ?

   Всем привет. Хотел бы узнать у профи, что лучше из них для верстки ? В дальнейшем планирую работать удаленно, сейчас изучаю верстку, далее буду потихоньку жс переходить (основы знаю, просто для начала, говорят нужно стать верстальщиком). Кто что посоветует ?

   Asked by Димитрий, October 6, 2017

   0 votes
   22 answers
10. автоматическая ширина для input

    помогите пожалуйста решить проблему есть поле input со строкой текста внутри. не получается сделать так чтобы ширина поля подстраивалась под количество текста(длину строки). фиддл могу использовать js, но хотелось бы на css

    Asked by cyklop77, November 8, 2014

    0 votes
    3 answers
11. Как отобразить background-image за пределами блока

    Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??

    Asked by Алексей2802, November 30, 2017

    • background
    • background-image
    0 votes
    12 answers
12. Что такое Полифилл?

    Что за термин Полифилл?? касательно JS

    Asked by aqua.77, January 27, 2018

    0 votes
    8 answers
13. Горизонтальное меню с разделителями картинками

    Как сделать горизонтальное меню я знаю. А как стандартные разделители заменить изображениями? Если языком CSS, то вот что нужно: ul.plinks li { border-left: url(images/border.gif); } Спасибо. Вот стандартный 1px solid black: А нужны такие разделители:

    Asked by froz, September 24, 2009

    0 votes
    13 answers
14. Автоматическое растягивание по ширине пунктов выпадающего меню

    Всем добрый вечер. Вот уже реально крышу несёт не могу разрешить проблему. В общем есть горизонтальное выпадающее меню. Надо сделать так, чтобы выпадающие пункты по ширине растягивались в зависимости от величины названия пункта меню. То есть, чтобы общая ширина выпадающего меню бы соотв ширине самого длинного назв пункта. Уже мучаюсь целый день никак не могу въехать, как это сделать. Вот пациент: http://verstku.narod.ru/trablmenu/index.html Получается в две строки почему-то идут выпадающие пункты и хоть ты тресни (((. Уже просто чувтсввую, что мозг близок к взрыву. Помогите, плиз. Спасибо.

    Asked by Belovsan, May 16, 2011

    0 votes
    28 answers
15. Генерация рандомного значения на Javascript

    Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?

    Asked by Самая сладкая, April 30, 2013

    • js
    • javascript
    0 votes
    20 answers
16. OnMouseOver смена стиля на другой

    в stylesheet.css описаны, допустим, два стиля для DIV #lefttextdiv { ... } #lefttextdiv_ { ... } как при наведении на div поменять текущий стиль "lefttextdiv" на "lefttextdiv_"

    Asked by Flo, November 30, 2007

    0 votes
    26 answers
17. checkbox ссылка

    Добрый день форумчане! Столкнулся с такой вот проблемой. Делаю кустарный фильтр по категориям товара. Т.е. есть список (скажем 5 брендов), на против каждого бренда имеем квадратик клацнув по которому появляется галочка в квадратике (стандартный checkbox). Задача стоит в следующем, хочу сделать так, что бы при клике по квадратику появлялась галочка и в то же время происходил переход по ссылке на другую страничку с нужным брендом. Отображение квадратиков в которые вставляется галочка я сделал, но не понимаю и не могу найти в инете как сделать ее активной что ли, что бы сразу происходил переход по указанной ссылке. <form action="http://www.tepliydom.org.ua/nagrevatelny…

    Asked by gumuch, June 30, 2015

    • checkbox
    • input
    • formmethod
    0 votes
    18 answers
18. Допоможіть із перекладом

    Доброго вечора! Допоможіть перекласти цей кусок коду на smarty: foreach ($hotel as $key=> $naz_hot) { foreach ($naz_hot as $nazv=> $data) { // echo $nazv." "; foreach ($data as $data=> $nazva) { //echo $data." "; foreach ($nazva as $nazva=> $cina) { //echo $nazva." "; if ($value==$nazva) { echo "<td>".$cina."</td>"; } //else {echo"</tr>";} } } } } наперед вдячний

    Asked by pit, May 31, 2008

    0 votes
    16 answers
19. подсветка input style=image

    Доброго времени. <input type="image" src="i/file0.gif" / class="over"> как применить :hover ? как поменять file0.gif на file1.gif?

    Asked by minelli, May 6, 2008

    0 votes
    57 answers
20. Облегчим труд верстальщика! (из word в html)

    Вопрос возник в результате кропотливой верстке, здаровеных таблиц, настока это муторно, скорость работы просто падает! Подскажите пожалуйста, возможно ли из Worda или Excel, прекенуть таблицу в документ HTML? (может прога какая есть) з.ы. использование "сохранить как web-страницу" меня не устраивает! 1. дохрена ошибок 2. прописывает стали в таблице, и многое другое (попробуйте, сами увидите) Хотелось бы толко получить таблицу, с данными! Без какого либо оформления! Спасибо!

    Asked by ARA, June 29, 2007

    0 votes
    19 answers
21. Блок поверх других

    Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolut…

    Asked by aronsky, January 28, 2012

    0 votes
    8 answers
22. Абсолютное позиционирование и IE6

    Вопрос в следующем. Если в ЦСС задать примерно такое: position:absolute; top:10px; bottom:10px; left:10px; right:10px; , то 7й эксплорер и мозила "растянут" див таким образом, что он будет "не доставать" до края экрана по 10 пикселов с каждой стороны. 6й эксплорер не видит одновременно параметров left и right для одного элемента - читает только первый. Его можно от этого вылечить?

    Asked by Raiden-=DM=-, November 17, 2009

    0 votes
    52 answers
23. Один div над другим

    Верстаю резиновый сайт на div-ах. Всего три блога: 2 слева один над другим, 3-ий справа. Проблема в том, что в разных браузерах отображается по-разному: если в FF всё нормально, то в IE div-ы либо наслаиваются... и наоборот. <div id="page"> <div class="sid"> <div class="trans"></div> <div class="text"> Боковая flash-колонка (sidebar)</div> </div> <div id="page"> <div class="name"> <div class="trans"></div> <div class="text"> Логотип (Dream Design)</div> </div> <div class="note"> <div class="trans"></div> <div class="text"> Основная часть (page)</div> </d…

    Asked by Sam Trammell, February 15, 2010

    0 votes
    15 answers
24. Разное видение размера шрифта в фотошопе и браузерах

    Размер на макете 11pt - в вёрстке ставлю 15px(11pt) (хоть em, хоть pt). Но, браузер видит шрифт по-другому, примерно так: 11pt на макете=8pt в браузерах. Почему так? Это не даёт мне покоя уже значительно долго, всё руки не доходил тему открыть. Так выглядит на макете Так в браузерах <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> .text { width: 205px; border: 1px solid #ededed; } p { font: bold 15px Tahoma, Geneva, sa…

    Asked by flagreit, March 22, 2011

    0 votes
    10 answers
25. как нужно выравнивать футер

    знаю только position:absolute; bottom:0; —-- налазит, если изменить размер окна, на блоки сверху. как сделать, чтобы было все время снизу и при этом не налазило на верхние блоки никогда?

    Asked by Slyfox, January 29, 2008

    0 votes
    5 answers