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
-
ПРоблемка с td align
Я вот тут начил только недавно изучать html и решил сделать сайт нов вот столкнулся с проблемой при верстки шапки вот код что в нем не правельно думаю очень много <table border="0" cellpadding="0" cellspacing="0" width="100%" height="43" style="background:url('http://topmovie.ucoz.ua/tpl/head1_center.png');"> <tr> <td align="left" width="384" style="background:url('http://topmovie.ucoz.ua/tpl/head1_right.png')no-repeat;" ></td> <td width="27" align="right" style="background:url('http://topmovie.ucoz.ua/tpl/head1_left.png')no-repeat;"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="1…
0 votes0 answers -
Высота таблички
Попытался сделать сайт табличками,не получается установить высоту верхней ячейки для логотипа(она получается в одну строчку,а я пытаюсь ей поставить 25% от всей высоты).Кого не затруднит укажите ошибку. Прошу не бить тапочком за оформление поста. Вот хтмл: <!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" lang="en"> <link rel="stylesheet" type="text/css" href="Style.css" /> <HTML> <HEAD> <TITLE>Сайт с помощью таблицы</TITLE> </HEAD> <BODY > <table id="maket" cellspacing="0" ce…
0 votes3 answers -
Критерии проверки верстки
По каким пунктам вы проверяете соответствие высокому качеству свою вёрстку? Кроссбраузерность - само собой. Я только смотрю под различные разрешения, а также под отсутствие картинок. Сейчас прошёлся по своим работам и заметил, что текст у меня вываливается из блоков при масштабировании шрифта. Стоит ли на это обратить внимание? И ещё один вопросик, как обычно стоит резать макет: для любого фона (преимущественно png) или только для того, какой в макете (преимущественно jpg)? Спасибо!
0 votes6 answers -
Проблема со слоями за экраном
Проблема заключается в том что бы спрятать изображения за экраном то есть за пределами видимой области. При масштабировании сайта изображения левого и правого бекграунда должны выезжать либо заезжать соответственно за пределы видимой области (экрана.) также при просмотре на разных мониторах с разными диагоналями левый и правый бэкграунды должны выравниваться в соответствии с свободным для них местом от края экрана до контента соответственно. Сам контент должен быть по середине и при масштабировании также должен либо отдавать либо забирать место у бэкграунда есть идеи?
0 votes7 answers -
div
В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)
0 votes4 answers -
Видно-не видно?
Подскажите пожалуйста, вот код <body> <div id="container"> <div id="header"> <div id="top"> <div class="top"> <img alt="" src="Logo.png" width="180" height="180"> </div> <div class="top1">Дома на деревьях</div><div class="top2">+7921111111</div> </div> </div> <div id="nav"> Во всех баузерах проверяла, номер телефона виден, только в какой-т оверсии хрома не виден, в чем может быть проблема? Спасибо
0 votes4 answers -
Подскажите с js
Сделал подсказку с помощью css вот структура <p class="tt"> <span class="tooltip"> <span class="top"> </span> <span class="middle"> Тут текст всплывающей подсказки <a href="#">Ссылка</a> <input type="button" value="Закрыть" onclick="window.close(".tt")"> </span> <span class="bottom"> </span> </span> </p> как сделать чтобы по клику на кнопку закрыть она закрывалась? кнопку с событием онклик вставил а дальше как незнаю
0 votes8 answers -
BODY не растягивается на высоту контента.
Всем добрый день! Рассказываю: у меня есть body c градиентом и белый div-блок посередине со всем контентом. Мне нужно, чтобы и градиент и блок всегда были растянуты минимум на 100% по вертикали, а дальше - если много контента. У меня они растягиваются только на высоту окна, а дальше получается неприятная картина. Пока не появляется прокрутка, все выглядит хорошо. Прокрутка есть, но все еще хорошо. Прокручиваем вниз - ничего хорошего. Вот настройки для html, body и того самого белого блока: html {height:100%; background-color:#093d5a} body {height:100%;} .content {background:white; min-height:100%; width:840px; margin:0 auto;}
0 votes4 answers -
Перестал работать Open Sans Normal из Google Font
Вчера перестал работать шрифт Open Sans, при чем только Normal, везде, где был Normal, отображается Bold. Шрифт грузится из Google Font. Проблема на всех моих сайтах, где он используется, с другими шрифтами и начертаниями проблем нет. блдаж! Проблема только в Chrome. Извиняюсь, выяснилось, что проблема только у меня, но как исправить? Кеш чистил
0 votes1 answer -
Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js
Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img styl…
0 votes2 answers -
Форма входа в 1 ряд
Ребят Здравствуйте помогите пожалуйста, верстаю макет столкнулся с такой проблемой есть форма входа в шапке мне нужно расположить её в 1 ряд пока она так в psd макете вот так код html <form name="input" method="post" action="#"> <p>Логин</p> <input name="login" type="text" class="logPas"> <p>Пароль</p> <input name="password" type="password" class="logPas"> <br> <input name="submit" type="submit">в коде css пока написал так }input:focus { outline:none;}.logPas { width: 90px; border-radius: 4px; border: 1px #98a7b5 solid;}поскажите как сделать её в одн…
0 votes3 answers -
Скрипт сортировки
Здравствуйте. Подскажите, пожалуйста, качественный скрипт сортировки работ по категориям в портфолио.
0 votes5 answers -
unexpected $end
Извиняюсь за многабуков внизу( все однотипное правд но на всякий случай скинул весь блок). Делаю игру ( угадай число) и натолкнулся на проблемку. Parse error: syntax error, unexpected $end in /home/u177089695/public_html/gam2.php on line 203 Не работает именно из за кейсов, т.к. без них игра работает. Подскажите что не так сделал пожалуйста! switch ($t) {case 1:?><table> <tr> <td style="background-images: url(images/cat/1.png);"></td> </tr></table><?php break;case 2:?><table> <tr> <td style="background-images: url(images/cat/2.png);"></td> </tr></table><?php break;case 3:?><table…
0 votes4 answers -
Проблема с горизонтальным скроллом
Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…
0 votes3 answers -
Кодировка UTF-8
Использую следующий доктайп <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Код пишу в блокноте, сохраняю файл в кодировке ANSI При проверке в браузере телефона на странице отображаются знаки "?" вместо текста. При сохранении файла в UTF-8, страница отображается нормально. Вопрос: почему? Ведь в доктайпе кодировка указана.
0 votes1 answer -
Загадочный квадратик
странно у меня через Google Chrome вот такой квадрат в начале каждой строки, посмотрите
0 votes6 answers -
сайт в iPad
Добрый день! У меня проблема с отображением сайта на iPad. Говорят, не работает галерея и не показывается текст. У меня 2 вопроса: 1. есть ли эмуляторы iPad'а (я гуглила, нашла только эмуляторы экрана, а не движка) 2. может, кто знает, какие проблемы/особенности с javascript'oм на iPad'e. Я использую jQuery.
0 votes4 answers -
Плавающая картинка справа
В общем ситуация такая. есть шапка сайта в виде картинки. Есть еще картинка той же высоты, но уже. с абсолютным позиционированием.(потому как она должна накладываться поверх шапки). Необходимо сделать так,чтобы эта картинка была прижата к правому краю брозера и отступала от него скажем на 100 пх. И при расширении окна браузера она должна оставаться справа, но с отступом от правого края как 100 пх. Спасибо. По сути она должна плавать поверх шапки, с отступом от правого края на 100 пх.
0 votes2 answers -
Тег <collapse>
Кто-нибудь знает как работает тег <collapse>? Мне нужно сделать разворачивающийся текст Допустим набираю: <collapse collapsed title="Этот текст будет разворачиваться"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </collapse> на экране отображается только текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст Что я делаю не так?
0 votes6 answers -
Переопределение цвета в готовом шаблоне
Доброго времени суток, господа. Имеется Drupal сайт с готовым шаблоном, нужно всего лишь в одной ноде поменять цвет текста в таблице, но как это ни печально не выходит. ссылка на ноду css файл Пытаюсь изменить в ячейке цвет текста "Рабочий телефон" (первая строка) Заранее спасибо всем, кто возьмется разобраться. Понимаю и извиняюсь за css файл с кучей кода, сам не смог найти решения.
0 votes6 answers -
не работает background: url(top.jpg)repeat-x;
Всем привет. Не могу разобраться! Не работает background: url(top.jpg)repeat-x в ИЕ. В мозиле все нормально! В чем может быть проблема Все разобрался)
0 votes2 answers -
Проблема с fixed в IE
Приветствую. Не могу побороть проблему в IE с фиксированным положением элемента на странице. (пример http://seotop.pro/photo/folder-2008-2009-peru.html) Панелька должна прибиваться к низу и держаться там при скролинге и при ресайзе страницы. Везде естественно кроме IE пашет, прибегать к js для этого не хочется - в IE при пересчете положения панель начинает "скакать" за страницей, выглядит плохо. Поэтому ищу способ через CSS. Кто знает подскажите методы решения.
0 votes5 answers -
Такст по вертикали
Возможно ли без картинки сделать такой "Feedback"? http://clip2net.com/s/23jou Т есть текст в блоке расположить вертикально.
0 votes6 answers -
проблема с выравниванием меню
Добрый вечер. Есть сайт Проблема с нижним меню в футере, в белой рамке. Надо выравнять по центру, чтобы не съезжало влево. И проблема эта в Google Chrome и в padding, который пытаюсь установить между пунктами меню. Если сделать чтобы в Mozilla и Opera отображалось нормально, то в Chrome съезжает влево(не хватает padding), и наоборот, если сделать, чтобы в Chrome всё было нормально, то в Mozilla и Opera меню переходит на вторую строку(значение padding большое). Перепробовал кучу вариантов, но ни один не подошёл, ни как не могу понять, как всё сделать нормально. Помогите пожалуйста.
0 votes8 answers -
Заголовокпо центру сдвумя линиями по бокам
Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <h1><span>Some text</span></h1> h1 { display: block; text-align: center; font: 22px/22px Georgia; color: #fff; } h1 span { display: inline-block; } h1 span:before, h1 span:after { content: ""; display: inline-b…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-