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. Фиксированное число строк, каждая из которых имеет ключ (например А1, А2 и т.д.). Есть файл (exel, но при необходимости txt), в котором по этому ключу лежит числовая информация. Нужно, чтобы по соответствующим ключам таблица заполнялась значениями из файла. Использовать можно только JS. Пример в коде: файл.txt A1 12 45 A2 54,3 0,48 B1 234 987,1 html.html ... <table> <tr name="A1"> <td><img></td> <td>статичный текст</td> <td>12 (первое число для А1) </td> <td>45 (второе число для А1)</td> </tr> <tr name="B1"> <td><img></td> <td>стат…
0 votes33 answers -
Расширение td на всю tr
Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…
0 votes2 answers -
В Firefox все слои длинее. чем в IE
Почему в Firefox почти все слои выглядят длинее (по высоте), чем в Internet Explorer? Хотя в ИЕ высота жёстко задана. Padding не ставил. Но в некоторых ячейках не так мало информации?
0 votes25 answers -
Не Отображаются Иконки Ico
Здравствуйте! Надо, чтобы отображались иконки в строке браузера и напротив названия сайта, когда он добавляется в ИЗБРАННОЕ. Для этого в разделе <head> прописал такие строки: <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> Но при этом ничего не отображается, ни в адресной строке, ни в избранном. Файл favicon.ico существует и находится в папке WWW\HTDOCS, то есть в корне. Помогите, пожалуйста!
0 votes11 answers -
Расположить div по центру внутри другого div
Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)
0 votes1 answer -
Раскрывающийся текст
Подскажите как сделать так, чтобы при нажатии на строку/ссылку под ней раскрывался бы ещ? текст (пару абзацев), а потом при нажатии снова на эту же строку/ссылку текст бы закрывался. Это реализованно, например, в справке Windows - нажимаешь на плюсик - текст раскрывается, нажимаешь ещ? раз - закрывается.
0 votes1 answer -
Выравнивание div'ов внутри div'а если есть float:left
Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.
0 votes7 answers -
резиновый div по высоте
добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…
0 votes25 answers -
Возможно ли изменить внешний вид полосы прокрутки при использовании тэга "overflow"?
Подскажите как изменить внешний вид полосы прокрутки при использовании тэга "overflow".
0 votes15 answers -
Порядок загрузки веб-страницы
В каком порядке (последовательности) загружается веб-страница?? Как указано в html коде?? сверху вниз?? т.е. то, что вверху кода загрузится раньше, чем то, что внизу?? или не существует заранее известного порядка?? например, на сайте "Специалиста" в последнюю очередь загружается блок в середине.. Почему?? Если не существует заранее известного порядка загрузки веб-страницы, то какие факторы влияют на то, каким будет этот порядок??
0 votes7 answers -
деминифицировать js-код
скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?
0 votes3 answers -
аналог masonry
посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css
0 votes24 answers -
Нестандартные шрифты на холсте Canvas.
Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..
0 votes51 answers -
div надо приклеить справа снизу страницы.. никак((
ребят есть такой код <style type="text/css"> .block1 { bottom: 0px; padding-right: 10px; background: #ccc; position: absolute; } </style> <div class="block1">Lorem</div> в итоге на этой странице DIV со словом Lorem отображается слева, все чего я смог добиться это то что он приклеился к низу http://anitchkov.vputi.net а мне надо что бы он был в самом углу справа, снизу справа и желательно что бы этот DIV шел нижним!!!! слоем, потому что туда я хочу разместить кусок фона!! буду очень признателен за подсказки заранее спасибо
0 votes11 answers -
резиновый текст
здравствуйте, подскажите, пожалуйста: в полностью резиновом списке делаю font-syze: 120%. но при изменении размеров окна блоки <li> меняют свой размер, а вот текст в нем нет. в чем может быть проблема??? чего не понимаю ol.leftbar { float: left; width: 20%; padding: 0; } li.bar { font-style: italic; font-size: 120%; border: solid grey; margin: 5% 0 5% 0; } <ol class="leftbar"> <li class="bar">Текст не масштабируется1</li> <li class="bar">Текст не масштабируется2</li> <li class="bar">Текст не масштабируется3</li> <li class="bar">Текст не масштабируется4</li> </ol>
0 votes7 answers -
Как через CSS нарисовать произвольную фигуру?
Всем привет. Хочу на сайте создать блоки произвольной формы. Скрин ниже. Пробовал через SVG - да, получается, но мне это не подходит. Многовато будет весить страница, если таких фигур будет несколько. Так что этот вариант отпадает. Canvas - тоже не подходит. Ведь там JS, а он не у каждого пользователя включен (в браузере). Этот вариант тоже отпадает.CSS - я не знаю, как с помощью CSS нарисовать такой блок. Нашёл лишь свойства, которые могут помочь: [сode]z-index, border-radius, border-width, transform, transform-origin, display, :after, :before, position. Но как - я не знаю. Пробовал просто "налепливать" фигуру на фигуру, чтобы получить нужную, но не получилось. Нет, полу…
0 votes6 answers -
Вложенные селекторы
Часто возникают вопросы по поводу вложенности селекторов. "Указываю свойство в CSS, а оно не применяется". В том случае, если цепочка указания верная, существует вероятность, что достичь результата не позволяет более сильный селектор. Давайте попробуем разобраться: Принцип состоит в следующем. Самым сильным является инлайн стиль, его нельзя переназначить ничем. Если Вы указали в своем html документе, будьте готовы, что их не удастся переназначить в CSS, хоть в шапке, хоть в отдельном файле. Поэтому я бы не рекомендовал вообще их использовать, лучше назначить элементу класс и задать через него, причем цправляться будет централизовано, Вы в любой момент сможете в одном мест…
0 votes2 answers -
Как сделать список li горизонтальным в dreamweaver?
Как сделать список li горизонтальным в dreamweaver? Скажу сразу бьюсь 3 дня! Что я делаю – к списку ul задаю css и в меню ставлю ul {margin: 0px; padding: 0px; float: left; list-style-type: none; } это не помогает по прежнему выглядит вот так: меню контакты А мне нужно вот так: меню контакты Спасите Пожалуйста!!!! :)
0 votes26 answers -
Верстка с div в одну строку
Привет всем знатокам хтмл-цсс такая проблема: нужно в одну строчку сделать следующую вешь: картинка, картинка под ней впритык ещ? одна картинка, картинка, при этом учесть что все это в ширине 700 пикселей. если момент "картинка под ней впритык ещ? одна картинка," сделать divом, прописать у него ширину, высоту и display:inline, а в нем просто через br сделать эти две картинки, то с эксплорером все ок, а вот мозилла глючит.. кто знает как поправить баг, помогите пожалуйста, наверно надо что-то ещ? дописать в стилях дива? ЗЫ: сделать требуется без помощи таблиц
0 votes5 answers -
Проблема с CSS в Smarty
У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…
0 votes10 answers -
Как убрать пустую строку между параграфами?
Есть два параграфа, и между ними всегда создается пустая строка. Как от нее избавиться? Нужно что бы следующий параграф начинал сразу после первого. И ещ? такой вопросик. У меня почему-то параграф не начинается с красной строки! Хотя по свойству параграфа такой должно быть. Хотя я знаю, как с помощью CSS сделать у параграфа красну строку, но все же.
0 votes12 answers -
Высота и ширина в процентах
Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…
0 votes3 answers -
position:fixed при transform
Всем привет! Столкнулся с такой проблемой: У меня есть блок у которого задан position:fixed; left:0; top:0. и он у меня прилип к углу экрана браузера. но вот если родителю этого блока задать трансформ, например, transform: translateX(0), даже нулевой, то фиксед начинает считать не от экрана браузера, а от блока с трансформом. Никогда с таким не сталкивался, кто-то может объяснить почему он себя так ведет и как этом можно пофиксить. Набросал мини примерчик http://codepen.io/Z1gnet/pen/VYOxGG
0 votes3 answers -
Блокнот с подсветкой
порекомендовали пользоваться блокнотом с подсветкой. приобрела Notepad++. теперь вот осталось разобраться какой цвет что означет))) я понимаю что вопрос бредовый. помогите разобраться новичку
0 votes20 answers -
Как верстать в HTML 5?
Приветствую. Вот как я посмотрю много суеты вокруг этого новшества. Ну в общем у меня вопрос из сабжа. Ради расширения познаний хотелось услышать ответ. В чем отличается вёрстка того же xhtml от html5? ну к примеру я в одном проекте написал так: <!DOCTYPE html> <html> <head> и что теперь это можно назвать сайт свёрстанный в стиле html5? так как кроме этой строчки там, вроде как, ничего другого что касается html5 нету. собственно говорим о сабже
0 votes67 answers