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
-
Таблица.
Здравствуйте! Подскажите пожайлуста как мне разместить таблицу с картинкой и текстом слева от текста. Заранее благодарен.
0 votes2 answers -
Знающие люди, ПОМОГИТЕЕ ...
Здравствуйте. как создать полоски по краям страницы, толщиной около 1-2 см, такие как на этом сайте: http://www.newbestmodel.com/ Всё перепробывал, не получается. Подскажите пожалуйста кто знает... очень нуно Заранее спасибо.
0 votes4 answers -
3 резиновых колонки на DIV
Всем привет! Помогите пожалуйста поправить код так, чтобы он был не таким тупым (далее поймёте, почему). Нужно внутри блока #ban-about-news расположить 3 блока: #banner (занимает 50% страницы), #about (25% страницы) и #news (25% страницы). HTML-код страницы: <div id="ban-about-news"> <div id="banner"> <img src="swf/banner.png" width="100%" alt="БАННЕР"> </div> <div id="about"> <h1>ЗАГОЛОВОК БЛОКА ABOUT</h1> <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.</p> <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст те…
0 votes1 answer -
Проблема с позиционированием
Ребят привет,замучал такой вопрос в резине,вот я в шапку вставил 3 картинки,1 это фон второе это картинка справо и 3 это логотип(слева) вот код html: <table cellpadding="0" cellspacing="0" border="0" class="header" align="center"> <div class="logoBar2"> <div class="logoBar3"> <div class="logoBar"> </div></div></div> </table> а вот CSS: .header {width:90%;border-left:3px solid #c2c2c2;border-right:3px solid #c2c2c2;margin-left:auto;margin-right:auto;} .logoBar {background:url(http://s60.radikal.ru/i170/1007/cb/47d0a9bfbeed.png) left no-repeat;height:145px;} .logoBar2 {background:#191a36;height:145px;width:100%} .logoBar3 {…
0 votes4 answers -
рандомный фон из предложенных
Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…
0 votes4 answers -
Убрать фокус с элемента в форме.
Задача следующая. Есть форма в ней список, в списке инпуты, но последним в списке идёт плюсик, нажав на который, добавляются ещё инпуты. Но суть в том, как сделать так, что бы при нажатии Tab, фокус не попадал на плюсик? Без скриптов.
0 votes2 answers -
Плывущие облака на фоне
Доброго времени суток. Выделил с сайта код, но работает только в Chrome и Firefox, а в Safari и IE не работает. Помогите сделать его кроссбраузерным. Пример
0 votes3 answers -
Невидимые теги A
Здравствуйте. Прошу у вас помощи. Уже не знаю что делать. Обрашил весь гугл - ответа не нашел. Верстая макет заметил, что добавляя простой текст в макет он автоматически становится ссылкой. Причем тег A ни в дримвивере ни в блокноте не отображается, а отображается он только в firebug'е: Просмотрел html файл тысячу раз, этих тегов которые на картинке выше я так и не нашел. Решив, что это вирус, скачал доктор-веба последней версии, но вирусов он не нашел. В чем проблема?
0 votes6 answers -
Помогите прижать желтый <div class="content"> к низу страницы
Высота <div class="content"> не определена. Шапка и меню фиксированные. При малом контенте, нужно чтобы желтый див был прижат к низу. При большом объеме появлялся вертикальный скролл. Мой код: http://jsfiddle.net/jb3tvcgL/2/
0 votes7 answers -
Сайдбар съезжает при запрете комментариев к записи
Подскажите, пожалуйста, почему может съезжать сайдбар при отключении комментариев к записям. Отключаю их так: в списке записей отмечаю галочкой одну, затем нажимаю "Изменить" и "Применить". Вверху появляется название записи и ее параметры. Там запрещаю комментирование стандартными функциями Ворпресс. После этого оба сайдбара и правый и левый съезжают вниз под боди. Что нужно прописать в стилях, чтобы сайдбары не съезжали? Если комментарии разрешены, то код на странице вот такой: <div class="coment-titles"><span class="comments-post"></span><a href="http://test.ru/hglkdhoas/#respond"><span class="leave-reply">Написать сообщени…
0 votes1 answer -
Полупрозрачный блок
Возможно ли сделать кроссбраузерно блок с полупрозрачным фоном?
0 votes6 answers -
img в div по центру
Долго бился получил такой код: <div style="background: black;width:100%;height:100%;margin: auto; text-align: center;position: absolute;"> <img align="top" src="/images/video.jpg" width="700" height="394" alt="Video" style="width:100%;height: auto;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;" /> </div> выглядит так но на телефоне растягивает?
0 votes4 answers -
Блоки на одной линии, картинки и тексты
Привет ребята. Подскажите как сделать так, чтобы разместить картинку а напротив неё текст. Мне надо чтобы в мобильном варианте. Текст уходил под картинку. Сейчас стоит Wordpress и всё это дело в таблице. В мобильном виде, картинка становится маленькой а текст большим и столбик узким. Вот такая вот шняга. Парни. Нужно в общем картинку сделать над текстом и чтобы текст меньше становился в мобильной версии то. Ну ладно фиг с ним с размером текста. Картинка тоже сойдёт. В общем внизу 5 таких секций. Вот код кодыч <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td style="wi…
0 votes2 answers -
когда страничка загнана под расширение и когда подстраивается под расширение экрана или перимитр окна
есть сайты которые всегда имеют четкий заданный размер, а есть те которые подстраиваются под разрешение монитора или под окно браузера. как называется второй эфект? P.S. надо переделать готовый шаблон под 2-й вариант, или найти шаблоны которые заведомо подстраиваются под браузер.
0 votes2 answers -
100% высота таблицы в таблице (XHTML)
С разворачиванием таблицы во весь экран, я разобрался, а таблица в таблице никак не хочет разворачиваться в полностью доступное место, возможно ли это сделать? не помогает ни min-height ни маржини ни падигни =), скрипт если только, доктайп XHTML 1.0 Transitional
0 votes2 answers -
Позиционирование
Вот спозиционировал кратинку на экране, в стилях прописал. .foto{position:absolute; border:8px; border-color:red; border-style:dotted; top:2.1cm; left:18cm; width:2cm; height:2cm; background-image:url(mini.jpg); background-repeat:no-repeat; } Когда во весь єкран, всё отлично. Когда окно браузера начать сворачивать начинается съезжать вправо. Что можно сделать?
0 votes4 answers -
Первая страница готова как делать остальные?
Здравствуйте! Я сделал первую страницу сайта, теперь нужно делать остальные. Почти все страницы моего будущего сайта такие же как первая за исключением некоторых деталей. Внизу таблица в которой разные слова, при клике на эти слова должны меняться изображения в блоке где человечек нарисован, так как я JS пока незнаком я для каждого изображения хочу делать отдельную страницу. Вопрос в том что мне нужно использовать первую страницу как макет и делать около 90 почти похожих страниц за исключение некоторых отличий или можно это сделать быстрей и удобней с помощью cms, или есть еще варианты?
0 votes3 answers -
img в дивах
В общем когда верстаешь на дивах допустим так <div id="shapka"><img src="1.png"></div> картинку (допустим шапку) можно как бы "перетаскивать", открывать в новом окне и сохранять у себя. Т.е. если весь сайт так построен можно его всего на комп поставить. И к тому же это не удобно, когда текст на картинке вставлен допустим ты пытаешься его скопировать или выделять, а вместо этого (бывает) что зацепляешь картинку. Можно ли как-нибудь сделать чтобы, картинку мышка "не замечала" как на таблицах через background вставляешь, и не зацепляет картинку, и не мешает, и сохранить не получится.
0 votes3 answers -
javascript opacity
c.fn.fancyNews.defaults,d),a,k=[],r,h=0,s,m=true;if(!n())if(!n())return this.each(function(){f(this)})}};c.fn.fancyNews.defaults={width:800,height:420,previewOffset:2,maxWords:110,previewsPerPage:3,backgroundColor:"#333230",backgroundOverColor:"#736D61"}})(jQuery); Как здесь задать прозрачность?
0 votes5 answers -
Div background repeat-y
Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…
0 votes9 answers -
IE6-8 тень,скругление, градиент
Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…
0 votes5 answers -
Мигание загружаемых картинок
Доброго времени суток! Столкнулся с проблемой мигания картинок. Суть в том, что у меня стоит инпут кнопки с селектором background:url(button1.png); и с селектором:hover background:url(button2.png);. Всё это установлено вместе с transition:all 0.3s ease;. Т.е. по сути кнопка медленно меняет свой внешний вид с button1.png на button2.png. Но проблема в том, что при наведении, перед тем как поменять внешний вид, картинка мигает (т.е. однократно исчезает на долю секунды и затем появляется button2.png, проигрываясь transition'ом). Никто не сталкивался с подобной проблемой? А то уж больно сильно напрягает это мигание. Думал может загрузчик подключить и проблема решиться, посовет…
0 votes5 answers -
раскрывающийся список
Хочу небольшой блок создать на странице и в этом блоке сделать раскрывающийся список, а под этим списком текст, который будет меняться в зависимости от выбранного элемента в списке без перезагрузки страницы. Подробнее: в списке написано "выберите номер". Пользователь нажимает на фразу "выберите номер" и из нее выпадает список следующего содержания: "номер 1", "номер 2", "номер 3", ..., "номер N", .... Пользователь нажимает на какой-то "номер K" и происходят 2 вещи: 1) список становится опять свернутым и вместо фразы "выберите номер" отображается фраза "номер K"; 2) под списком появляется текст(какой-то подблок с информацией) "текст K", соответствующий "номеру K". Все эт…
0 votes4 answers -
Нужна помощь с меню.
Всем привет! http://jsfiddle.net/L7Pts/2/ - float не работает. Убираю у "Пункта" position:relative;или display:inline; и все работает. Кто подскажет, что не так?
0 votes6 answers -
Как это сверстать?
Салют! Уважаемые форумчане, столкнулся с небольшой проблемкой в верстке, уже 3-й час танцую с бубном, никак... Поможите? В общем в макете попался блок в виде стопки листов, вот смотрите . Конечто можно это сделать на картинках с before и after , но заказчик хочет, чтобы размеры этого блока в высоту изменялась в зависимости от контента. Кто-то сталкивался с такой штукой? Помогите как такое сверстать?
0 votes7 answers