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 внутри другого div'a
Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?
0 votes5 answers -
А давайте таки добьем мою галерею!
Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…
0 votes17 answers -
Запрет разрыва содержимого списка
Есть такая структура: <div> <ul> <li><a><span>Текст про собак</span></a></li> <li><a><span>Текст про попугает</span></a></li> <li><a><span>Текст про удавов</span></a></li> ... <li><a><span>И про НЛО</span></a></li> </ul> </div> <div> имеет фиксированную ширину, элементы <li> выстроены горизонтально с помощью display:inline. Проблема в том что список большой и в одной строке не вмещается, а при переносе на другую разбивается содержимое, например "Тект про" остаётся на одной …
0 votes12 answers -
Вложенные таблицы с использованием CSS
Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…
0 votes8 answers -
Div Двигает Родительский Div
Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.
0 votes4 answers -
перекрытие слоев
подскажите как победить такую конструкцию? есть картинка с z-index: 1; и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным по логике ведь меню выше слоя картинки
0 votes6 answers -
Как убрать прозрачность текста в Опере?
Делаю табличку, в которой у ячеек с текстовым содержанием задается прозрачный фон, при этом сам текст должен быть читабельным, то есть непрозрачным. В IE замечательно работает выставление прозрачности в единицу для текста, а вот в Опере и ФФ прозрачность текста не убирается. Что сделать, чтобы фон ячейки был прозрачным, а текст, который в ней располагается - нет??? (ячейку таблицы задаю стилем: .Table1 { width: 40%; opacity: 0.7; -moz-opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); background: #FAEFDA; } потом текст вкладываю в слой: ( .Table1 div …
0 votes9 answers -
HTML5 + CSS. Какие перспективы?
Хочу заработать версткой, но мне кажется что верстать статические веб-странички, без программирования, в наше "продвинутое" время бесперспективно и никому не нужно. Так ли это? На данный момент вижу для себя либо "подмастерьем" у более состоявшегося профи, либо сидя между дизайнером и программистом. Как и где можно поискать работу? Спасибо.
0 votes7 answers -
Фон для формы входа
Помогите,нужно позиционировать фон под форму входа. id loginForm отвечает за саму форму,с ней вообще никаких проблем. Класс loginForm2 за фон,его почему-то никак не получается поставить куда надо. Вот скрин: html: <div id="loginForm" class="loginForm2">$LOGIN_FORM$</div> css: #loginForm{width:230px;height:224px;margin-left:1000px;margin-top:-160px;margin-bottom:-63px;} .loginForm2{background:url('http://newzveriki.ucoz.com/entrance_form.png') no-repeat;} Добавление в loginForm2 разных padding и margin либо ничего не изменило,либо изменило не то.
0 votes28 answers -
svg-изображения в слайдере не отображаются в IE8 и ниже
Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались
0 votes3 answers -
Проблема со слоями в 6 ИЕ
Подскажите пожалуста в чем проблема может быть http://roofinfo.net/bmw/. В 6 експлоре правая колонка уезжает вниз. Макет сверстан слоями.
0 votes13 answers -
как зафиксировать размер таблицы
Привет. Как зафиксировать размер ячеек таблицы, чтобы они не сужались до размера содержимого?
0 votes5 answers -
разные бордюры в таблице
привет, такая проблема делаю табличную верстку, хочу, чтобы у меня были бордюры 1пиксел черные нормальные линии, в опере видно хорошо, а в ИЕ какую-то чушь показывает, как исправить? вот скрин в опере как это выглядит а вот так глючно в ИЕ, как поправить видимость в ие?
0 votes8 answers -
Цикл в цикле и цикл в цикле
Добрый день! Осуществляю две выборки из двух таблиц. В одной хранятся данные о музыкальном альбоме, в другой информация о треках. Потом все это циклирую, перевожу в немножко другой вид и отправляю в шаблон. Шаблонизатор Smarty. Далее в шаблоне циклом пытаюсь вывесли все это на экран. Но не выходит. Выглядеть это должно как: Альбом№1(описание) -Трек 1 -Трек 2 -Трек n Альбом№n -Трек n Выходит так, что выводятся только треки первого альбома. Если все это выводить из файла обработчика, то все работает правильно, а вот в смарти нормально не циклируется. Подскажите пожалуйста, как решить эту проблему. Далее привожу код. РНР: $select = mysql_query("SELECT * FROM `audio_albums`…
0 votes1 answer -
Масштабировать содержимое фрейма
Здравствуйте. Такой вопрос. Возможно ли масштабировать содержимое фрейма по размеру фрейма? Допустим у нас во фрейме подключается какая-то огромная html и тогда во фрейме появятся скроллеры. Конечно эти скроллеры можно отключить, но нельзя ли подогнать содержимое фрейма по его размеру? Пускай хоть и с искажениями.
0 votes5 answers -
Как заблокировать вывод содержимого?
Здравствуйте. Я поставил чат себе на сайт с помощью IFRAME, но вместе с чатом выводиться лишнее содержимое. Как от него избавиться или на крайний случай закрить своим рисунком? Вот эта страничка: http://burshtyn.at.ua/ На рисунке я показал от чего я хочу избавиться: А может посоветуете другой чат, только простой с прямым входом без регистрации.
0 votes10 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!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>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 answers -
Как организовать сайт?
Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 2007 года. Так что со мной можно и пооткровеннее Начинал с FrontPage. Сейчас сижу на Expression Web. И проблема моя вот в чём. Возьмём мой будущий сайт. Он будет на HTML. Все страницы моего сайта похожи между собой по структуре и стилю оформления. Когда верстал на FrontPage, то использовал INCLUDE (не PHP и не SSI, а какая фишка FP). Пример: <!--webbot bot="Include" tag="BODY" u-include="../header.htm" --> У меня были отдельно файлики HEADER, FOOTER, MENU и в итоговой странице я их собирал. Верстать было удобно, потому что для изменения чего-либо в шапке нужно было откр…
0 votes24 answers -
Как принудительно заставить IE работать в стандартном режиме?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?
0 votes12 answers -
XHTML vc IE7
Приветствую. Всех с наступившим НГ 8) и последующими праздниками )) Собственно тут такой прикол нашли. Разрабатываем web-приложение, где естественно куча верстки и много динамики. Так вот... IE7 своим нереально медленным рендерингом динамики просто поражает. Сидели думали в чем проблема... Как оказалось после отключения доктайпа: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> и переводя его в QuirksMode производительность браузера поднялась раз в 10ть. Только без доктайпа не хочется писать продукт. Может кто-то встречался с подобной проблемой…
0 votes12 answers -
position: fixed; как установить слой по центру окна браузера без отступов сверху и заданного размера?
Доброго всем дня! Уважаемые, возникла проблема.. в одном интересном шаблоне для сайта есть такая тема- серху странички идет цветная полоса с заданной прозрачностью, при вертикальном скроллинге основное содержимое страницы как-бы подлезает под эту полосу.Изначально в шаблоне эта полоса была установлена со 100% шириной. Собственно вопрос- как сделать так, желательно при помощи CSS, чтобы эта полоса находилась по центру окна браузера с заданной шириной в 1256px.... у меня не получилось, полоска полюбому прилипает к левой кромке окна браузера.. подскажите кому не трудно, заранее благодарен!! Вот часть CSS #kopf_aussen { position: fixed; top: 0px; left: auto; right: auto; …
0 votes2 answers -
В IE не видно пунктирное подчеркивание ссылок
Есть вот такой стиль ссылок. Но в IE подчеркивание не видно Это вывод событий в афише. Что интересно: одна из ссылок все-таки отображается нормально, хотя ее код в точности такой-же как и остальных. <style> a.event_list_link {color:#a1caf4; font-family: Tahoma, Verdana, Arial, Arial Narrow, sans-serif; font-style:normal; font-weight:normal; font-size:11px; text-decoration:none; border-bottom: 1px dashed #a1caf4;} a.event_list_link:hover {color:#fff; text-decoration:none; border-bottom: 0px;} </style> <div class='event_list_link'> <a class='event_list_link' target='_self' href='index.php?option=1&a=1&id=2' title='Подробнее о событии'>под…
0 votes6 answers -
Вертикальное меню (раздвигающееся вниз)
Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю) Как же ЭТО СДЕЛАТЬ?
0 votes5 answers -
float:right в шапке "узкой" колонки таблицы
Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…
0 votes2 answers -
Срочно! Прыгает подвал в ИЕ6
Друзья! Можно ли что-то сделать по-быстрому, не переверстывая, чтобы здесь: http://new.karo.spb.ru/authors.html в ИЕ6 подвал не прыгал в середину экрана при наведении мышки на верхнее меню? Ой, в ИЕ7 тоже прыгает о_0
0 votes8 answers