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
-
Проблемы с кроссбраузерностью
Сделал небольшой макетик сайта www.beavers-net.narod.ru Дизайн дефалтовый, т.е. случайные цвета- не в нём суть, вобщем, но комменты понему приму с радостью, хотя комментировать пока неча. Проблема возникла, когда открывается в ИЕ - байда у него с блоком и фоотером. Опера- всё ок. Хром- безжалостно оторвал футер. Сафари- тоже самое. Фаер..это вообще что-то непонятное...Он что, комменты совсем на дух не переносит? или это пагубное влияние присобаченного чёрти как блока рекламы? Ну и два итоговых вопроса - результаты валидации я понять не смог, увы . Второе - насколько болезненно мне обойдётся кроссбраузерность в данном случае- переделать весь макет сызнова или хаки мне в …
0 votes2 answers -
position: fixed; как установить слой по центру окна браузера без отступов сверху и заданного размера?
Доброго всем дня! Уважаемые, возникла проблема.. в одном интересном шаблоне для сайта есть такая тема- серху странички идет цветная полоса с заданной прозрачностью, при вертикальном скроллинге основное содержимое страницы как-бы подлезает под эту полосу.Изначально в шаблоне эта полоса была установлена со 100% шириной. Собственно вопрос- как сделать так, желательно при помощи CSS, чтобы эта полоса находилась по центру окна браузера с заданной шириной в 1256px.... у меня не получилось, полоска полюбому прилипает к левой кромке окна браузера.. подскажите кому не трудно, заранее благодарен!! Вот часть CSS #kopf_aussen { position: fixed; top: 0px; left: auto; right: auto; …
0 votes2 answers -
Проблема с выравниванием
Возникла проблема при верстке слоями сайт расположение по центру при верстке дивами возникает проблема что при разном разрешении 1900*600 и 1024*768 один блок постоянно теряет ориентацию на экране 1024*768 1600*900 как исправить код чтоб подходило и на широкоформатные и на обычные ? Заранее спасибо за потраченное время #leftcol { position: relative; margin: 0px auto; height: 730px; width: 925px; } #content { position: relative; left: 655px ; top: -500px; height: 470px; width: 558px; opacity: 0.2; background: #333; } img.semi { opacity: 0.2; /* Полупрозрачность элемента */ } body { background: #333; /* Цвет фона */ } p {font-size: 80%; font-famil…
0 votes2 answers -
Не работает header("Location: ...")
Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!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=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…
0 votes2 answers -
вёрстка
ТРИ КОЛОНКИ (ЛЕВАЯ, ЦЕНТРАЛЬНАЯ, ПРАВАЯ), где ЦЕНТРАЛЬНАЯ имеет ширину 900px и в ней находиться всё содержимое страницы, а боковые должны служить для заполнения свободного пространства в зависимости от ширины монитора и насколько мне известно ширина боковых колонок должна быть АВТО; подскажите как сделать. (помогите с кодом).
0 votes2 answers -
помощь в css
как с помошью css класифицорвать теги "ul"? т.е. ситуация такая: на странице сайта мне надо расположить инфу. "ul" слева, в нем текст, справа картинка; картинка слева, "ul" српава, в нем текст. Можно в самом html поставить параметры тегу "ul", но тогда css-validator находит ошибку в css, что нету праметров для этого тега.
0 votes2 answers -
cellspacing
Допустим есть таблица 3 на 3, с бакграундом. Как сделать, что между tr был зазор 1-2 px , а между td его небыло. cellspacing как то глобально его задаёт....
0 votes2 answers -
Окаянная ширина и высота textarea в ие6!
Замучился. Не могу кросбраузерно задать ширину textarea. Нужно ровно 500 на 100 пикселей. Задаю через сss: .textarea1 { position: absolute; left: 10px; top: 191px; width: 500px; height: 100px; background: #c42; } Загружаю в ие6, меряю в фотошопе: 506*106, в файрфоксе: 504*104 Пробовал без бордера задавать: .textarea1 { position: absolute; left: 10px; top: 191px; width: 500px; height: 100px; background: #c42; border: 0px; } В ие6 получается: 502*102, в файрфоксе 500*100. Откеда ие6 берет по 2 лишних пикселя? Сейчас убью себя ап стену! Хелп ми плиз, настроить текстариу... И еще один вопрос: можно ли как-нибудь настроить не только background, но …
0 votes2 answers -
Не отображается фон
Здравствуйте, Подскажите, пожалуйста! Не отображается фон сайта: body { background: url(../images/1.jpg) no-repeat; margin: auto; width: 1280px; } Что может быть не так?
0 votes2 answers -
обработка строк на PHP
С пхп знаком на троечку с минусом. Не знаю с чего начать чтобы обрезать строку до определенного символа. //К примеру есть переменная $url = "http://www.______.__?f=1"; //Вот, а после обработки она(переменная) должна стать: $url = "http://www.______.__"; Скажите как этого добиться или хотя бы какие функции использовать?
0 votes2 answers -
центровка таблиц
если в стилях задать "text-align:center" в разделе body, то эксплорер таблицы тоже центрует, а Firefox только текст... есть выход? нужно именно через стили это сделать
0 votes2 answers -
Лучшие книги по CSS
Чтобы там не говорили любители халявы, а реальтная книга в руках, это намного приятнее и удобнее чем текст на экране монитора... С книгой можно повалятся на диване, книгу можно взять с собой куда угодно и читать по дороге, да в конце концов книга это солидно А если эта книга ещё и является уникальным источником информации по CSS, так это вообще замечательно )) Предлагаю в этой теме обсудить самые лучшие книги по CSS. Думаю эта информация будет полезна как новичкам незнающим с чего начать, так и опытным верстальщикам. CSS-каскадные таблицы стилей. Подробное руководство - (O'Reilly) http://www.books.ru/shop/books/557232 - Несомненно бестселлер по CSS!!! Общепризнанно лучш…
0 votes2 answers -
Что не так со слоями?
Пока не разбирал страничку на php для читаемости (более менее). Собрал слои в кучу, вроде все как нужно, но смутные сомнения не дают покоя )) Для равномерного растягивания во высоте, делил опять же слоями с высотой в 1px (футер не прибивал). Другого способа не знаю. В общем вот http://ubhra.ru/ Очень хочется услышать ваше мнение именно по divам. Может как то иначе можно... Спасиб ) П.С. Еще хостер не дает индексировать xhtml ..... только php, html и shtml. Вылезают ошибки валидатора (кнопки внизу обе, на (html и css). П.П.С Индексировал.. Пригляделся к ошибкам, они js, все поправимо ))
0 votes2 answers -
Опять или снова, проблема с IE6.
Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…
0 votes2 answers -
Двухмерная сетка (таблица) на плавающих div'ах.
Здравствуйте. Сел верстать галерею на div'ах, цель - 100% "прорезиненность" страницы, когда превьюшки, описания и прочая инфа, расположенная внутри плавающего div'а при недостаче места по горизонтали меняет ряд, редюцируя таким образом кол-во колонок в сетке. Все прекрасно, пока высота содержимого всех div-блоков с превьюшками равна, но если нет - с двухмерностью можно попрощаться. Покажу на упрощенном примере: <html> <head> <style> .image { position: relative; font-size: 40px; background-color: red; width: 200px; margin: 10px; float: left; text-align: center; vertical-align: bottom; } </style> </he…
0 votes2 answers -
Расположить Два фрагмента текста в двух дивах
Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class…
0 votes2 answers -
Реально ли такое?
Например, есть код: <html> <body> <i> <ol type=A> <li>ВТОРНИК <li>СРЕДА <li>ЧЕТВЕРГ </ol> </i> </body> </html> который выводит всё курсивом! Можно ли как-то отделить дни недели, от тега <i>, чтобы курсивом были ток номера списка, а не его текст! Надеюсь понятно обяснил!
0 votes2 answers -
Помогите решить проблему с ИЕ6
Собственно ребят очень прошу подскажите как вы сделали http://www.htmlbook.ru/ie6.html как это реализовать на своем сайте ? Можно пожалуйста исходник, хтмль страница уже написана осталось только сделать так что если браузер ИЕ6-7 то переводит вот на такую страницу как у вас =) Очень прошу, очень нужно!!! ну или еще как вариант http://habrahabr.ru/blogs/webdev/66126/ , там исходники не качаются =( Уже 4й час над этим шаманю, бубен скоро протру =)
0 votes2 answers -
Как прижать блок к правому краю страницы, а текст в блоке выровнять по левому краю
Добрый день. У меня есть таблица: <html> <body> <table style="width:100%"> <tr> <td style="width:33%"></td> <td style="width:33%"></td> <td style="width:33%"> <div><!--Надо прижать к правому краю страницы--> <p>Привет,</p> <p>Вася Пупкин, чемпион по хтмл!</p> <p><img src="lol.jpg"/> вот твоя картинка</p> </div> </td> </tr> </table> </body> </html> Мне надо сделать так, чтоб блок прижался к правому краю, а текст выровнялся по левому краю своей самой длинной строки. Что делать? Получилось, надо ДИВу написать: <div sty…
0 votes2 answers -
Растянуть div
Вобщем такая проблемма div в шаблоне если нету контента получается не на всю высоту. когда с текстом когда без, или его не достаточно чтоб растянуть подскажите плиз как растянуть див по размеру браузера
0 votes2 answers -
когда страничка загнана под расширение и когда подстраивается под расширение экрана или перимитр окна
есть сайты которые всегда имеют четкий заданный размер, а есть те которые подстраиваются под разрешение монитора или под окно браузера. как называется второй эфект? P.S. надо переделать готовый шаблон под 2-й вариант, или найти шаблоны которые заведомо подстраиваются под браузер.
0 votes2 answers -
КомбоБоксы
Ребята помогите сделать менюшку с помощью комбобоксов! Хочу сделать так: есть несколько комбобоксов,в первом "Тип автомобиля" во втором "Год автомобиля" в третьем "Марка авто" и т.д.(это я сделал). Всё то что там выберут должно отправлятся на несколько адресов мыла.Вопрос: как отослать это на мыло? и можно ли всё это реализовать на HTML, или JavaScript понадобится? И ещё-как сделать по красивее комбоБоксы? Заранее БОЛЬШОЕ СПС всем кто откликнется!!!
0 votes2 answers -
Ссылки
Извините, но туплю. Не могу вспомнить, как это делается В CSS задаю стиль для ссылок (a:hover, a:visited ...........). Как задать новый стиль для некоторых ссылок?
0 votes2 answers -
Проблема с пересекающимися блоками
У меня проблема с соседними блоками на странице. Для того, чтобы выпадающее меню разворачивалось на полную длину, я приписал ему padding-bottom: 60px; #menu { background: transparent url('menu.png') repeat-x 100% 2px; width: 100%; height: 66px; margin: 0; padding-bottom: 60px; text-align: left; } Теперь меню работает нормально, но на эти 60px опустился нижележащий блок. Если поднять его при помощи отрицательного margin, то в IE6 нижние ссылки выпадающего меню, которые попадают на нижний блок - сворачиваются, не успеваешь подвести к ним курсор. На всякий случай, вот стиль нижнего блока: .container { position: relative; float: left; text-align: le…
0 votes2 answers -
табличка в html
Всем привет. В общем нужна на большая консультация в создании таблицы. вот сам код того, что у меня получилось <html> <head> <title>Создание таблицы</title> </head> <body> <table border = "1" bordercolor = "black" > <tr align = "center"> <th colspan = "3" >——--</th> </tr> <tbody> <tr> <td>Группа</td> <td width = 20%> </td> <td >Новости</td> </tr> <tr> <td>Информация для родителей</td> <td> </td> <td>Программы</td> </tr> <tr> <td>Итоговые оценки</td> <td> </td> <…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-