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
-
Выпадание margin'а. Почему так происходит?
В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"
0 votes4 answers -
Верное отображение фона на странице.
Устанавливаю новый фон на странице,с помощью таблицы.но вот в чем не задача,после проделанных изменений фон отобрадается сверху,а весь контент страницы оказывается снизу.Смотрим http://www.disturbed.clan.su Как решить? вот как я делаю фон <head> <title>$SITE_NAME$ - $PAGE_NAME$</title> <link type="text/css" rel="StyleSheet" href="http://src.ucoz.ru/src/css/331.css" /> <style type="text/css"> <!-- .tableleftbackground { background-repeat: repeat-y; background-position: right; } .tablerightbackground { background-repeat:repeat; background-repeat: repeat-y; background-position: left; } --> </style> </head> …
0 votes5 answers -
php скрипт
как устоновить php скрипт :|
0 votes6 answers -
Как поменять картинку (квадратик) рядом с темой
Что-то никак не могу найти, как поменять картинку (то есть где она лежит и как называется), обозначающую прочитанную или новую тему слева от темы. Движок PunBB. Заранее спасибо
0 votes3 answers -
Убрать отступ в ФФ из-за first-letter
Всем привет... У меня такая проблема.. В ИЕ все норма, а ФФ отступ... мне нужно как-то убрать НЕПОНЯТНО откуда берующиеся отступ Но мне нужно это сделать сохранив display:inline-block ... Короче из-за first-letter начинается косяк.. как его удалить в ФФ непонятно... Включите ИЕ и ФФ и вы поймете о чем я талкую... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/main.css" media="all"/> <style type="text/css"> a { display:inline-block; font-size: 14px; background-color:#0099CC; color:#000000; …
0 votes1 answer -
Проблема с выводом постраничной навигации
Здравствуйте. Нашел на одном сайте код постраничной навигации оптимизировал под свой сайт все работает ок. Проблема в том что по какой то причине ИЕ6 не хочет выдоить стили для неё. Помогите пожалуйста разобраться. В фаерфоксе работает на ура а в ИЕ не в какую. Вот код <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20" height="22" class="corner_lt"> </td> <td height="22" class="corner_lt_body"> </td> <td width="26" height="22" class="corner_lr"> </td> </tr> <tr> <td width="20" class="corner_bl_body"> </td> <td bgcolor="#FFFFFF"> <…
0 votes9 answers -
HTML/CSS глазами Чайника. Блочная верстка.
В общем ничего не понимаю Хочу разобраться с каркасом блочного сайта. 1. !<DOCTYPE> Какой указать. А именно интересует вопрос, почему у меня Mozilla не отображает страницу блочную по средствам стилей. Самое интересное, что при указывании <DOCTYPE> IE + Opera аналогично просто отображает текст. В общем мои изыскания: <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <meta name="description" content="Здесь должно быть описания, и явно динамическое, т.е. разное для разных страниц" /> <meta name="keywords" content=" Тоже самое что и Description, почти - клю…
0 votes5 answers -
Почему теряется высота дива при установке дочерним жлементам свойства float
Всем привет Еще один вопрос и одна проблема, есть код: <div> <p><img src="img" alt="" title="" width="300" height="200"></p> <div> <h1>Текст</h1> <p>Много текста</p> </div> </div> При таком состоянии, высота дива, зависит от его элементов, которые находятся внутри, она равна примерно 200px, если мы сделаем так: <div> <p style="float: left"><img src="img" alt="" title="" width="300" height="200"></p> <div style="float: right"> <h1>Текст</h1> <p>Много текста</p> </div> </div> Родительский Div потеряет свою высоту. Как сделать так,…
0 votes4 answers -
изменение цвета ссылки в div, когда курсор не попадает на буквы
Для IE был найден способ, в стилях прописано #links { list-style-type: none; width: 100%; color: #ffffff; } #links a:hover { color: #283c94; background:#dde8f0; } а в ссылке это добавляется через id, все работает. <div id=sub_menu_block_'.$menucode.' class=pd_menu onMouseOver="mon('.$menucode.', '.$arItem["ID"].')" onmouseout=moff('.$menucode.') id=links> Но не работает в FireFox Использовать вместо div ячейки таблицы к сожалению нельзя, т.к. это выпадающее меню, которое сделано только под div (вставка табличек все рушит) В FireFox при наведении мышки на строчку меняется только фон по всей ширине, а цвет ссылки только когда на ней курсор.
0 votes3 answers -
Flash height 100% width auto
Привет всем!! Давно не видел "старички", как дела? по теме: сделал флэш карту.. размером 1350 на 700, (разрешение экрана у меня 1280 на 800) в общем суть, нужно что бы флэш в браузере всегдя растягивался по высоте, соответственно ширина тоже (в зависимости от разрешения, края либо обрезаются за браузером, либо оставляют место - это мелочи) (*при этом полоса прокрутки не появляется, как и должно быть) проблемц: он ростягивается по высоте, все гуд.. но как-то по всему браузеру.. получается что нижних пикселей 100 не видно.. начал убирать плашки в опере.. и о чудо, когда все убрал, стало все видно.. но это не дело! таже чушь и в "осле" (на то он и осел) если пытатся открыт…
0 votes1 answer -
Счетчик
Просматривала темы в форуме. Нашла lifeInternet, но так и не смогла им воспользоваться: вставляю на страницу код, но он ничего не дает. Я пробовала на своем компьютере, а может результат будет виден после того как залью на сервер, не знаю. Помогите, пробовала также вставлять в разные места сайта. И почему там советуют вписывать счетчик в поближе началу в <body>, когда в основном на сайтах он находится в низу, значит и писать в конце?! Ну, в первый раз я со счетчиком работаю...!
0 votes9 answers -
Opera - проблема с outline и z-index
Здравствуйте. Подскажите, пожалуйста, как решить следующую проблему: есть два div_а с position:relative. у одного z-index: 5 у второго z-index: 10 Они пересекаются. В div_ве с z-index: 5 находится картинка, для которой указан border и outline. В opera поверх div_а с z-index: 10 прорисовывается outline нижнего дива. Как-то решается этот баг? Заранее спасибо за совет.
0 votes1 answer -
Как лучше добавить информацию
Приветствую Всех кто забежал в эту тему, и всех кто не забежал ( но они об этом не узнают =) ) Во время праздничных деньков решил делать для себя сайт... первые два дня пока разобрался что к чему ушло на первую страницу xiks.ru ( дизайн верстка с нуля) Потом еще два дня ушло на переделку флеш макета под себя и в результате получился сайт foto.xiks.ru ( логотипы и фото тоже мое творение) перешел к разработке сайта reklam.xiks.ru и зашел в тупик... нарисовал макет в фотошопе нарезал выставил кнопочки сделал... Помогите советами как бы так так удобно сделать информацию которая будет как бы на белом листочке что в макете... или чтоб он растягивался по мере добавления информа…
0 votes10 answers -
Тени и текстуры
Здраствуйте! Как мне решить такую проблему. Есть блоки с постами с легкой овальной тенью(на фон), я вирезаю тень и ставлю в отдельный блок или вирезаю с бг поста, то возникает одна и таже проблема, на фоне( фон - текстура 50*50) видно линию стыка. Помогите как этого избавиться! Заранее благодарен, Андрей!
0 votes19 answers -
Несколько вопросов..
Здравствуйте уважаемые форумчани... Недавно начал заниматься вёрсткой и вот столкнулся сразу с несколькими вопросами... 1.Вопрос Допустим я верстаю под ucoz... Как сделать так что бы картинка контейнера сама растягивалась по высоте по мере заполнения самого контейнера, вот сама картинка http://s16.radikal.ru/i190/1212/08/af6daa214cfd.jpg (P.S это для явного примера что бы поняли) 2.Впрос хотел очень бы узнать как верстать такие части как input.. Дело в том что их сверстать не так просто как мне казалось особенно scrol, надо заме нить его на картинку а потом ещё по мере его сделать что бы он сам расширялся.. В общем вот такие проблемы кто поможет буду очень благодарен, за…
0 votes13 answers -
Свой css для смартфона
Мастера подскажите как можно реализовать следующее: Для основного отображения есть основной файл стилей, а к примеру для того чтобы упростить отображение на мобилках я хочу написать другой файл стилей. Как мне можно будет заставить браузер смартфона загружать именно таблицу стилей для него, а не для компов?
0 votes6 answers -
курсор влияет на ширину поля
помогите пожалуйста полонстью скрыть поле поиска здесь после клика по иконке поиска происходит плавное разворачивание и сворачивание поля поиска. проблема в том, что в последей версии opera(для linux) поле поиска никогда не исчезает .вероятно, это происходит из-за ширины курсора, который находится в поле поиска
0 votes4 answers -
Верстка адаптивного дизацна. Сетка
Ни разу не верстал сеткой. Раньше мне попадались макеты, и там вертиальными линиями были колонки. Щас вот решил сверстать следующий макет. В шапке несколько горизонтальных линий, че к чему ?) я делая сетку это тоже как то учитывать должен ??? а еще, колонка как бы одна большая ? и в мобильная версии оодна, но меньшего размера и в большой версии как мне кажется, должна быть линия разделения двух изоображений(контейнеров), то есть там 2 блока должно быть на сколько колонок нужно бить ? по своему усмотрению ? я вижу, что можно на четыре побить, не больше, судя по шапке можете пояснить эти моменты
0 votes11 answers -
Сбивается <a name=""></a>
Огромные респекты сему братству! Переделываю в HTML очень интересную автобиографическую книгу. В ней много текста и фоток. Поначалу хотел фотки вставлять прямо в текст, по получилось криво - соотнести фотку с коротким абзацем сложно. Поэтому решил использовать фреймы: в левом узком фрейме разместил фотки, а в правом широком - текст, в котором поставил ссылки на фотки из левого фрейма: имхо достаточно удобно кликнуть на ссылку в тексте чтобы слева колонка промоталась на фотку. Вобщем, такой код: index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> </HEAD> <FRAMESET cols="2…
0 votes3 answers -
Бордер поля в форме. Chrome/Safari.
Никогда над этим не задумывался, как то не мешало особо. Но тут делаю один макет, и там этот бордер в активном поле жутко раздражает: В хроме оно оранжевое. Кто знает как убрать?
0 votes5 answers -
позиционирование элемента по центру не зная его размеров
Добрый день. Подскажите пожалуйста, как с позиционировать элемент по центры относительно горизонтали и вертикали, не зная его размеров. Структура такая: li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} img{display:block} <li><img ... /></li> я придумал только следующее: оставляем как есть, т.е. <img> не трогаем, но скрываем его, а у <li> делаем беграунд из такой-же картинки что и в <img>, и уже этот беграунд позиционируем.
0 votes10 answers -
Не работает Colorbox !
Сутки мучаю этот скрипт . И не могу понять что не так . Вроде подключил стиль и два скрипта , пути к картинкам норм прописал и че ...Смотреть PS: js-ки не трогал только в css добавил селектор для превью из "Pirobox-a" а так все из оф сайта.
0 votes3 answers -
textbox и круглые углы
Привет! Пытаюсь сделать кроссбраузерные закругленные углы для textbox. Помогите пожалуйста, кто не занят. Проблемы такие: 1) div блок, содержащий картинку с левой границей не хочет растягиваться на всю высоту. 2) div блок, который рисует верхнюю границу, выезжает за пределы div блока, который содержит рисунок правого верхнего уголка. посмотреть можно тут Код: <!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="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />…
0 votes2 answers -
CSS 3 кросс-браузерно (от IE7)
Подскажите каким образом можно использовать CSS 3 кросс браузерно. CSS 3 Pie глючит очень часто, и не не все элементы-теги подходят (к примеру, у тега object не отображается тень). Варианты: - Знаю, что есть .htc файлы для IE, в которых находятся JScript'ы. Позволяют рисовать разные эффекты. Какие из них стабильно работают? (помимо PIE.htc) ? Cross browser pollyfills для CSS3 многие сырые и не подходят по той причине, что нестабильно работают. - Еще есть специальные фильтры для IE в CSS – вот это уже интереснее. Подскажите, куда копать тут...
0 votes13 answers -
Переворачивание фото с помощью CSS
Здравствуйте. При переворачивание фото через CSS картинка теряет качество, исчезает резкость и становится размытой, это актуально только для 90 и 270 градусов. При этом изображение появляется поверх всего, контейнер в котором она установлена не масштабируется под новую высоту и ширину изображения. Как это можно решить? .r_90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-