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
-
Списки
Всем привет! Есть идея реализовать вот это: Но каждый вот этот блок (текст сверху и три текста сбоку, а так же картинка слева), должен быть сделан через <li></li>. Ну а расположение уже текста и картинок внутри <li></li>, как лучше это сделать? Начал пихать внутрь списка тег <div>, чтобы расположить как хочу текста и картинку, так вообще ахинея какая-то вышла. Заранее спасибо за любую помощь.
0 votes8 answers -
Посмотрите правильно ли?
Делаю сайт.И всё время сталкиваюсь с проблемами верстки.Сделал предварительный макет..Кинул ссылку другу,он говорит ,что у него появляется снизу горизонтальная полоса прокрутки и что язык уходит врпаво за границу.Подскажите как с этим броться?! У меня всё нормально показывает.Пожалуйста посмотрите ! И скажите у кого как.(да и на цвета не обращайте внимание ,это просто.)
0 votes7 answers -
Проблема с jQ!
Всем привет! Продолжаю разбираться с jCarouselLite и появился вопросик не большой. Вот ссылка на источник: http://www.gmarwaha.com/jquery/jcarousellite/?#install В самом конце дан код: $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); а куда его пихать не написано. подскажите куда его пихнуть плз.
0 votes9 answers -
Посмотрите, оцените =)
Вот сам сайт - История Беларуси Мне очень хочется научиться верстать сайты правильно и валидно и кроссообразно (во загнул) Так вот посмотрите мой сайт и скажите мои сильные недочёты в вёрстке. Я знаю свой первый недочёт - это таблицы. Я уважаю таблицы, но всёравно пора переходить на блочную вёрстку, хотя пока не очень получается. ЗЫ также интересно мнение о дизайне и юзабилити. Заранее спасибо!
0 votes11 answers -
Не отображается spacer.gif
Проблему собственно попробую объяснить с помощью скринов. Проблема возникает только в Mozilla. Код страницы приложен. Как исправить, какие цифры надо подправить. 1.Opera explorer chrome 2. Mozilla <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Совет молодых ученых -- Главная страница</title> <link href="text.css" rel="stylesheet" type="text/css"> </head> <body> <table width="1000" height="600" border="0" align="center" cellpadding="0" cellspacing="0"> <caption align="bottom" class="text_copyright"><p>© 2011 Совет молодых …
0 votes5 answers -
Грамотная резиновая верстка
В качественной резиновой верстке принято использовать относительные величины? Вычитал, что так, но резиновых проектов, к примеру с "em", в сети вообще довольно трудно найти, хотя и делают профессионалы.
0 votes8 answers -
Позиционирование слоев в разных браузерах
Следующий код в браузере Chrome и Operа отображается по разному: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…
0 votes6 answers -
Приклеивание частей в верху и низу в одной колонке
Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее
0 votes12 answers -
проблема картинки в теге H1(Firefox)
Если вставить тег h1 так то все нормально: <h1><td><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></td></h1> а если так : <td><h1><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></h1></td> то появляется горизонтальная полоса в firefox скрин: Стиль для тега H1 - h1 { font-size:11px; display:inline;} Как можно это исправить п.с в IE в обоих случях нормально отображается сайт - wareznik.int.ru
0 votes7 answers -
Ширина дива
Как сделать так, чтоб при увеличении текста, ширина дива тоже увеличивалась? К примеру, есть код echo '<div class="a">'.$a.'</div>'; Значение переменной $a может как увеличиваться, так и уменьшаться. Нужно чтоб ширина дива была равна длинне $a как такое сделать в css?
0 votes5 answers -
HTML - первые шаги
Здравствуйте, по совету невесты решил учить веб-программирование. Как и любой уважающий себя новичок быстро скопировал пример первой страницы в блокнот, сохранил как положено.. Короче, если уважаемая администрация не возражает, я бы хотел, чтобы тема была открыта, пока я не закончил с основами ХТМЛ-)) И людей знающих и умеющих прошу помогать советами, направлять, и указывать на ошибки, и отвечать на ~1000 вопросов, которые у меня возникнут... Первый вопрос- В примере задана кодировка (если я правильно понял,это есть настройка кодировки страницы) -- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Хтмл документ открываю через мазил…
0 votes16 answers -
Что я делаю не так
Здраствуйте, прошу помощи,уже больше часа питаюсь решить - есть код <table style="width: 100%;margin-top: 4px;" > <tr class="topic-name-full" > <th style="text-align: left;" ><img src="post.png" style="margin-right: 10px;" alt=""/><h2>Добро пожаловать1111111111111111111111111111111111111111111111111111</h2></th> <th style="background: #eaeeef url('../images/button-bg.gif') right top repeat-y;" > <div class="button" style="float: right;" ><a href="#" ><span><img src="images/button-ico/post.png" alt="" />Ответить</span></a></div> </th> </tr> </table> и ксс .topic-…
0 votes6 answers -
чем отличаются данные атрибуты?
в чем отличия Атрибута Класс и Ид? допустим разныца есть в CSS при указании класса ставится точка, а перед айди ставится # такой знак (решетка) а еще чем?
0 votes3 answers -
Фреймы?
Начал изучать html и много слышал о том, что фреймы это пережитки прошлого, собственно отсюда и вопрос: стоит ли изучать эту область html или всё это реализуемо с помощью сторонних методов (например посредством - css)?
0 votes7 answers -
0 votes2 answers
-
Создание фильтров
Здравствуйте, у меня появилась нужда создать фильтры для страницы. Например есть список доступных товаров, у каждого товара есть свои параметры, надо создать таблицу с фильтрами, чтобы можно было отфильтровать товары с нужными параметрами. Заранее спасибо!
0 votes8 answers -
hr и css
xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.
0 votes10 answers -
Progress Bar
Доброго всем здравия и с проходящей масленицей. Задался целью сделать прогрессбар и чтоб циферки у него как в стандартных инсталляторах при переходе цвета тоже цвет менялся.. наверное не шибко понятно - http://beavers-net.narod.ru/primers/progress.html на примере лучше видать. Хочется, чтобы для слоев с циферками не приходилось забивать каждый раз отступ в пикселях, а забить его сразу на 50% и тогда он будет резиновый. Но такое у меня получается только при указании position: absolute; ...после чего слой уже не обрезается через overflow и виден всегда.. Можно ли вообще как-то обрезать абсолютно позиционированный слой? Буду рад конструктивной критике по коду. *код писалс…
0 votes3 answers -
Отступ между div и img в internet explorer
Есть следующий код: <body> <div style="background: fuchsia; float: left; width: 30px;"></div> <img style="border: none;" src="http://www.google.ru/logos/2011/eisner11-res.jpg"> </body> http://79.173.86.160/entrance/newhtml.html если смотреть его в ie, то между элементами будет расстояние. как его ликвидировать? padding и margin обоим элементам мне не помогли, hspace для img тоже... заранее спасибо !
0 votes5 answers -
Подключение блока коментариев у Wordpress шаблон.
Хочу подключить блок комментариев к блогу. Как можно сделать, опишите подробно если можно или дайте ссылку на статью, гугл не помог. Изучаю Wordpress и делаю шаблон с нуля, хочу разобраться как все действует ну и постепенно наполняю шаблон функциональностью.
0 votes2 answers -
Размещение контента наверху (после <body>), а визуально в центре
Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…
0 votes7 answers -
Как выровнить текст (или картинку) по центру высоты div'а?
Кроме как использовать отступы, возможно ли автоматически выровнить...
0 votes2 answers -
Line-height
Здраствуйте,как решить три бага line-height в ie6 ,ie7 , mozilla 1. Если в ie6 использовать line-height в изображениях свойсто просте нереагирует 2. на 1 пиксель меньше и в ie6 и в ie7 3. в мозиле таже история как и в ie7 ,только она решилась, просто заменить px на em Спасибо за помощь
0 votes4 answers -
подскажите на чем сделано это меню
Понравилось как сделано меню на сайте: http://www.accrweb.com/ (при наведении мышью на пункты меню оно потихонечку выезжает) Знатоки подскажите с помощью какого фреймворка сделан этот эффект ? jQuery + что то еще? Скрины с сайта: PS Буду очень признателен если кто то направит гуглить в нужном направлении - ато я даже не пойму что искать...
0 votes2 answers -
таблицы с помощщью css
Добрый день ) Вот кусочки css TABLE.home { background: #FFE4E1; /* Цвет фона */ border: 6px double black; th { background-color: WHITE; text-align: center; } td { text-align: center; } tr.color1 { background-color: WHITE; } tr.color2 { background-color: #F0FFFF; } А как сделать так, чтобы были видны границы ячейки ??? А то получается все слова на всю строку без разграничений. т.е нужна такая штука | И вот еще ...может кто -нибудь покажет еще теги на таблицу. Ваши примеры готовые ?? Чтобы сравнить и чему-нибудь поучиться ))?? Заранее спасибо
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-