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
-
Как спрятать блок за экран без горизонтальной прокрутки?
У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?
0 votes15 answers -
Как автоматизировать перенос части базы данных из Экселя на сайт???
Доброго времени суток. Очень понравился сайт. Давно им пользуюсь и почти всегда нужную инфу находил. Задача: есть база в екселе, которая обновляется каждый день. (как-то так сложилось изначально) Есть сайт, на нем страничка с таблицой, в которой отображается часть данных базы екселя. Сейчас все происходит в ручную и очень занудно. Как бы этот процесс автоматизировать, т.е. один раз сделать верстку таблицы, а обновлять только данные в ячейках, а не всю таблицу заново? Может XML? Слышал про php скрипты, но в php я совсем лузер. Помогите, плииииз!
0 votes24 answers -
Div width=100% более ширины окна браузера
Здравствуйте! Уже часа 2 ломаю голову и никак не могу найти решение: Есть страница, контент, шире окна браузера. Внизу есть футер, в стилях стоит width: 100% Но футер тянется не на всю ширину страницы, а только на ширину окна браузера. Doctype - strict. Вот пример кода с описанной выше проблемой: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Див по ширине страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; } #…
0 votes14 answers -
Как сделать скошенные углы
Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: http://www.screencapture.ru/file/A893fA1F Два: http://www.screencapture.ru/file/76106c72 Три: http://www.screencapture.ru/file/d8264D58 Четыре: http://www.screencapture.ru/file/A836B408 Подскажите какой-нибудь гайд, как это сверстать. Спасибо!
0 votes8 answers -
задний фон текста (HTML , CSS )
Здравствуйте уважаемые форумчани. Помогите пожалуйста разобраться с проблемой так как я новичек и просто уже сил нету искать выход с этой ситуации : Нужно чтобы текст ( или блок текста ) лежал на простеньком фоне.Да так , чтоб фон не выходил за пределы этого текста .Тоисть где текст начался там и фон. Где закончился , там и фон закончился наш. <!DOCTYPE html> <html> <head> <title>Дочерние селекторы</title> <style type="text/css"> .ColorRed{ background: red; } MyBlock{ margin-left : 50px; } </style> </head> <body> <p class = "ColorRed">blablalbalbalba blablabla bla blablalbablablalbalb…
0 votes6 answers -
Меню
Подскажите как сделать меню http://clip2net.com/s/50Q11h
0 votes3 answers -
Форма в две колонки
Есть необходимость переверстать форму из двух колонок с таблиц на дивы. Проблема в том что часть полей из левой колонки надо растянуть на две, т.е. типа colspan Пришлось делать так в два блока до поля на всю ширину потом один блок на всю ширину, потом опять в два блока. Как-то не очень красиво. Может кто сталкивался с таким. подскажет как это сделать красиво. Спасибо.
0 votes9 answers -
Скрвание текста
Здравствуйте, я делаю сайт помощи для игры Requiem. Веб-программинг никогда не учил, всю инфу нахожу в интернете. Но вот столкнулся с проблемой. Не могу найти скрипт для скрытия/свертывания текста. Типа чтоб при нажатии на "Показать текст" разворачивался текст, а при повторном нажатии, но там уже будет "Скрыть текст" он сворачивался обратно. А вместо текста хочу записать туда таблицу. Пожалуйсто, подскажите как это можно сделать. Заранее благодарен.
0 votes38 answers -
Зазор между div'ами при нулевом padding,margin,border
Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.
0 votes6 answers -
Сайт не реагирует на изменение CSS стилей
Прошу помощи местных гуру. У самого уже голова пухнет. Работал над сайтом на шестом Друпале. Сидел, мирно правил CSS-стиль через Geany (открыв файл непосредственно с сервера через Nautilus, т.е. изменения применялись сразу). ВНЕЗАПНО изменения перестали отображаться на сайте. Ну, например, ширину таблицы делаю в два раза больше, а на сайте она остаётся той же. Что ж, чищу куки браузера, кэш сайта. Обновляю страницу -- никаких изменений. Поступаю радикально -- удаляю style.css, обновляю страницу и, чудо, вся страница покарёжилась. Копирую файл обратно, обновляю страницу, стили на месте. Редактирую стили, обновляю страницу, ничего не происходит. Хорошо, копирую style.css из…
0 votes5 answers -
Показать / Скрыть текст.
Скрипт Показать / Скрыть текст. В Google Chrome и Internet Explorer работает нормально, но в Mozilla Firefox не работает. Скрипт взят здесь http://www.sdws.ru/topic.php?t=3&id=10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Показать-Скрыть</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> a {outline: none;} a img {border: none;} </style> <script type="text/javascript"> function on(n){ eval("document.all.text"+n+".style.display='block';"); eval("document.all.ontext"+n+".style.disp…
0 votes22 answers -
Откуда берется расстояние между блоками?
Доброго времени суток. Простейший блок на странице ввел меня в замешательство. <style type='text/css'> section{ display:block; } #container{ margin:0 auto; width:900px; } #divsection div{ display:inline-block; /*float:left;*/ width:150px; border:1px solid black; margin:0; } </style> <section id='container'> <section id='divsection'> <div id='active-tab'><a href=''>Пункт 1</a></div> <div><a href=''>Пункт 2</a></div> <div><a href=''>Пункт 3</a></div> <div><a href=''>Пункт 4</a></div&g…
0 votes13 answers -
DIV "вываливается" за пределы родительског DIV
есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…
0 votes4 answers -
Выпадающее меню на CSS помогите скрыть подменю!
Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub …
0 votes5 answers -
Картинка в div'e и текст рядом
Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!
0 votes2 answers -
Инверсия цвета части текста (в зависимости от фона)
Доброго времени суток. Пытаюсь добиться эффекта, как на изображении Картинка взята с поста на Хабре, там реализация меню с плавным переходом от одного пункта к другому. Мне нужно нечто попроще: есть блок фискированной ширины (назову "родитель"), внутри него еще один блок (ширина любая, не превышающая родительскую — "потомок"). Внутри текст. Та часть текста, что не выходит за границы потомка - одним цветом. А та часть, что выходит - должна быть другим цветом. Как можно добиться этого эффекта? JS можно использовать. Получается что-то вроде прогресс-бара с надписью внутри.
0 votes1 answer -
Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок
Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:
0 votes6 answers -
Не растягивается div по содержимому
Не могу понять почему div c классом Content, не хочет растягиваться по содержимому. Внутренние блоки, почему-то располагаются снаружи этого контейнера. html <div class="header"> </div> <div class="LineOne"> </div> <div class="Content"> Текст для проверки <div class="leftside"> Текст для проверки </div> <div class="rightside"> <div class="Right"> </div> </div> </div> <div class="LineTwo"> </div> <div class="footer"> HOME | ABOUT US </div> css * {margin: 0;padding: 0;} html, body {background: url(../img/background.jpg) repeat;} .h…
0 votes3 answers -
Подскажите пожалуйста. Смена картинки через кнопку
Добрый день! Подскажите пожалуйста в одном вопросе. Пишу сайт, в нем каталог товаров. Немогу реализовать кнопку или иконку, при нажатии на которую идет смена основной картинки товара. Пример реализации http://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)
0 votes4 answers -
Расстояние между элементами опроса (input)
Есть такая схема: <form action="#"> <input type="radio" name="answer" value="a1" /> ТестТестТест<br /> <input type="radio" name="answer" value="a1" /> ТестТест<br /> <input type="radio" name="answer" value="a1" /> Тест<br /> <input type="submit" value="Проголосовать" /> <input type="button" value="Результаты" /> </form> В какие элементы лучше заключить варианты ответов, чтобы можно было нормально margin задать для пространства между вариантами опроса? <p>, <li>? Какие ещё будут предложения? Что лучше еподойдёт?
0 votes13 answers -
Анимация чисел
Здравствуйте! Подскажите пожалуйста, как реализовать быструю прокрутку чисел от 0 до 100 например. Можно это сделать на css3 или jquery, может уже есть готовый плагин?
0 votes3 answers -
Автоматический переход на другую страницу.
Добрый день. Столкнулся с проблемой. Где то читал об этом, но не могу вспомнить где. В общем суть следующая, вместо главной страницы нужно вставить анимацию, гиф, флеш не имеет значения, когда картинка загружается, секунд через двадцать автоматически без каких либо действий пользователя, загружается уже информационая страница. Нашел вот это но тут страница перезагружает себя, а нужно чтоб загружалась другая страница. Подскажите пожалуйста решение. Заранее спасибо!
0 votes13 answers -
Горизонтальное меню картинками при помощи CSS
Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.
0 votes9 answers -
Выравнивание DIV-ов по низу таблицы
Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…
0 votes7 answers -
Верстка и проблема со шрифтами под Mac OS
Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верст…
0 votes43 answers