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
29,542 questions in this forum
-
Выровнять изображение и текст
Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b>…
0 votes1 answer -
Срезанный угол слоя
Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:
0 votes2 answers -
Chrome: position:relative/absolute и border-radius
Заметил что хром не делает радиус для позиционированных элементов. Как можно обойти? В частности демо: http://gibigate.ru/portfolio/2012/souzparket/index.php - меню слайдера, родительский элемент с бордер радиусом, в фаерфоксе норм, а вот хром хромает
0 votes5 answers -
Как получить размеры div-а
Задолбался гуглить, все какую-то фигню советуют. Проблема: Есть кнопка при нажатии на которую должно выпадать меню, это меню хочется выровнять так чтобы правая граница его совпадала с правой границей кнопки. Для этого нужно получить ширину меню чтобы сдвинуть его влево от кнопки. Получить ширину не получается ни через menu.offsetWidth ни через menu.style.width , оба эти свойства почему-то возвращают пустое значение. Все остальные функции работают нормально, меню располагается справа от кнопки. function showMenu(obj, id) { if (CurrMenu != null) CurrMenu.style.display = "none"; var menu = document.getElementById(id); var width = menu.offsetWidth; menu.style.…
0 votes1 answer -
Сверстал шапку от сайта
Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html
0 votes2 answers -
Абсолютное позиционирование и отступ снизу страницы.
Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:
0 votes5 answers -
видео в отдельном окне
знания html=subzero; браузер="firefox 10.0"; имеется муками безграмотного usera (мной) составленный код: <div style="overflow: hidden; position: relative; width: 610px; height: 360px;"><iframe name="rtv" width="830px" height="640px" frameborder="0" border="0" scrolling="no" src="http://beta.www.livestation.com/euronews/ru" style="position: absolute; left: -15px; top: -80px;"></iframe></div> браузер открывает файл с кодом в новой вкладке (прописано в свойствах браузера); как заставить браузер открывать только этот файл в отдельном окне с заданными размерами и положением (внизу справа) поверх всех окон с отсутствующими вкладками, панелью и воо…
0 votes0 answers -
как обвести текстовое поле синим цветом ?
как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.
0 votes2 answers -
Убрать пунктирную рамку с картинки-ссылки в момент нажатия
Привет. Подскажите, пожалуйста, как убрать пунктирное выделение с картинки-ссылки в момент нажатия? Стоит explorer 9. Только начинаю учиться, на форумах ничего не нашла. Не сплю второй день уже. <html> <head> <title>Пунктирная рамка</title> </head> <body> <a href="index.html"> <img src="home1.bmp" align="left" border="0"> </a> </body> </html>
0 votes19 answers -
Проблемма с font-weight в Opera 11.61
Помогите разобраться с багом возникающем в Опере. При наведении на пункт списка, он меняет цвет с белого на серый и меняется font-weight с normal на bold. Во всех браузерах работает нормально, а в Опере после уводы мышки от ссылки остается часть текста в ховер-варианте. Вот: Вот разметка и стили: * { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } ul { display: block; list-style-position: outside; list-style-type: disc; margin-bottom: 1em; margin-top: 1em; padding-left: 40px; } ul li { font-size: 14px; l…
0 votes7 answers -
Проблема с максимальной шириной сайта.
Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.
0 votes6 answers -
Повтор изображения
Здравствуйте, вроде я не чайник в css но что-то не могу понять, я прописал: html, body { background: url("{T_THEME_PATH}/images/bg_body.gif") repeat-x top #FFFFFF; } и изображение стало не целиком а слоями. пример и изображении, что это может быть?
0 votes17 answers -
Стилизованный input[text] проблема с div-ами
Привет. Решаю тут задачу стилизации поля ввода. При помощи js тег <input> обёртывается в конструкцию из div следующего вида: <div class="input_text_box"> <div class="left_wrap"></div> <div class="center_wrap"> <input type="text" name="text" size="20"/> </div> <div class="right_wrap"/></div> </div> CSS к нему: input[type="text"], input[type="password"] { border: 0; background: transparent; height: 27px; padding-left: 7px; color: #666666; } .input_text_box { display: inline-block; } .input_text_box .left_wrap { width: 2px; height: 27px; display: inline-block; backgrou…
0 votes4 answers -
Подвал к низу и резиновые сайдбары
Сайдбары находятся внутри враппера, нужно сделать так, чтобы подвал всегда был прижат к низу страницы, а сайдбары растягивались до него по высоте (в них контента не будет). Сейчас подвал прижат, для этого я выставил минимальную высоту враппера 100%. Высотка сайдбаров сейчас по 600 пикселей (для наглядности) , растягивающиеся без контента не получается сделать. Дак вот, когда подвал прижат, на бОльших разрешения чем 1280X800 появляется пространство враппера между подвалом и сайдбарами, если убрать у враппера минимальную высоту, то этого нет, но подвал тогда не прижат И да, полос прокрутки не должно быть. Помогите кто чем может
0 votes10 answers -
Наибольшее разрешение экрана
В этой замечательной статье автор приводит интересное, на мой взгляд, решение ухода от скролла. http://www.alistapart.com/articles/fluidgrids/ Максимальное разрешение экрана берёт 988px, в иных статьях упоминается 1024px, если поГуглить можно найти 2560x1600, одно из заданий верстки даёт разрешение ограничить макс 1500px. Какую цифру взять ориентиром для десктопов? Далее есть такая фраза Насколько это соотв действительности?
0 votes26 answers -
XSLT нумерация(помогите)
Всем здравсвуйте. ОЧЕНЬ НУЖНА ПОМОЩЬ! Задача состоит в добавлении порядкового номера элементу elem, но идущего не в том порядке, в котором они расположены в исходном документе, а в порядке с учётом располагающихся в элементе linkGroup/link. Немного сумбурно выразился, но вот что в итоге должно получится: <list> <section> <elem pos="1" id="el-0001"/> <elem pos="2" id="el-0002"/> <link id="ln-0001"/> /* тут обращаемся в linkGroup/link по id="ln-0001" и нумеруем распологающиеся там elem, затем уже обратно */ </section> <section> <elem pos="5" id="el-0003"/> /* тут продолжаем нумерацию, после номера в link…
0 votes0 answers -
Наследование div при верстке
Здравствуйте. Раньше работала на таблицах, теперь вот делаю первый дизайн на div'ах. Умелец из меня выходит спорный, так что сразу прошу тапками не кидаться. Проблема такая: само содержимое сайта занимает не весь экран, а 95% ширины. На заднем плане - фон, он прописан для body. Само же содержимое - хэдер, две колонки и футер должно оказаться внутри некого контейнера с белым фоном. Хэдер послушно наследует все свойства родительского div'a. А вот все, что находится ниже - словно само по себе. Вот код: И CSS (где-то здесь, наверняка, проблема и скрывается): Уже перепробовала все, что нашла в интернете, экспериментировала всеми способами, результата нет. Очень надеюсь на в…
0 votes7 answers -
Неправильная работа outline
Тестировалось на большой 4ке браузеров, все версии последнии. + IE8 Косяк только в Опере. Выглядит так: На самом высоком по Z-index`су Кто знает отчего? Как поставить хак, чтобы Опера не читала outline?
0 votes0 answers -
Эффект перекатывания css+java
День добрый, мне надо было вместо простой кнопки Обзор.. которая даёт type=file засунуть картинку, всёж покрасивей, наткнулся на пример, там всё ок css+java, даж иконки засунули, но вот не задача, там не простая картинка а с эффектом перекатывания, тоесть при наведении картинка сдвигается и получается чот тип анимации. В примере всё работает, но при замене картинки на свою возникла проблема, эффект перекатывания есть, но не до конца, по сколько я довольна плохо знаю css я так и не смог исправить, поэтому прошу помощи, исходник прикладываю, по умолчанию используется button.gif , моя button.png исходник
0 votes2 answers -
Группирование и привязка VML объектов
Если взять <v:shapetype ...> </v:shapetype> то внутри него можно использовать только <v:path /> и другие "мелочи", а мне надо применить <v:rect ... /> <v:oval ... /> и т.д. как если бы в <v:group> ... </v:group>, т. е. полноценную картинку из большого кол-ва простых фигур. С shapetype я применяю <v:shape type="#id-shapetype" /> А как то же самое сделать с group?????? как применить созданный group много раз?
0 votes0 answers -
как сделать что бы через 5 сек перебросило на другую стр. ?
Допустим я кликаю по своей ссылке открывается страница и мне нужно что бы через 5 сек. меня перебросило на другую страницу. Помогите с кодом !)
0 votes1 answer -
Сформулировать невозможно, просто посмотрите на картинку
Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/
0 votes8 answers -
Правильная и красивая верстка
Каким способом всё-таки правильнее позиционировать элементы, с помощью position:relative или с помощью margin? Каким способом из двух пользуетесь вы?
0 votes3 answers -
Помогите с выравниванием
Помогите не могу выравнять текст по центру сбоку от изображения <ul> <li><img src="blablabla.jpg"/>Текст</li> </ul>
0 votes6 answers -
определить параметры шрифта в gimp
подскажите как можно определить параметры шрифта в gimp 2.6 в фотошопе для получения такой информации я выбирал инструмент "текст", выделял нужный текст и смотрел на панель информации фотошопа
0 votes3 answers