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
-
Семантика. Номера телефонов
В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую. Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами? Контакты: - 8 (111) 11-11-11 главный менеджер - 8 (111) 22-22-22 - 8 (111) 33-33-33 - 8 (111) 44-44-44 факс <div class="contacts"> <h2>Контакты:</h2> <address> - 8 (111) 11-11-11 главный менеджер <br /> - 8 (111) 22-22-22 <br /> - 8 (111) 33-33-33 <br /> - 8 (111) 44-44-44 факс <br /> </address> </div>
0 votes31 answers -
Проблема с кавычками
Скриншот Верстка 1. Как сделать такие же кавычки как на скриншоте? Шрифты и размер как в макете. Кавычки ставлю где цифра 2. 2. Не получается фразу где кавычки так же сделать. Пробывал прописать float: left для левой кавычки и для цитаты. Получилось так. Это реально похоже на кавычки, но на макете они на одном уровне, а если я начинаю марджинами двигать там косячит все конкрентно. Или может проще кавычки картинками вставить?
0 votes2 answers -
Не показываются свои маркеры
Ссылка 1. В менюшке, у элементов списка не показываются маркеры, почему? Пропали когда прописал display: inline для элементов списка. li.icon_1, li.icon_2, li.icon_3, li.icon_4 { display: inline; padding-left: 32px; } 2. Опять проблема с пониманием того, как работает margin img.logo { margin-left: 20px; float: left; } .logo_text { font: 20px Tahoma; color: #3c3c3e; margin-left: 5px; float: left; } После того, как добавил float: left; для img.logo (листочек) пришлось прописать для .logo_text (corporate energy) margin-left: 5px; а до этого было 55px, то есть margin начинает браться от листочка, потому что идет обтекание, верно? А да это получается брался от края тела?
0 votes7 answers -
Вёрстка изогнутых блоков
Ребята помогите с такими вот вопросами.Я нуб если что =) Есть блок ,нужно что бы он при добавлении текста расстягивался в длину и ширину . Теперь вопросы: 1)Как правильно его нарезать в фотошопе ?(какой формат для сохранения ,кол-во частей которое получиться после нарезки) 2)Как позиционировать (float,margin,position?) его отрезаные части(бока,верх,низ) что бы они точно прилегали к блоку? 3)И как будет выглядить код html Вот как я делал похожий блок, у него изогнуты только бока : 1) PNG24 ,градиент центра,левый и правый бок 2,3) <div class="box"> <div class="box-right"> </div> <div class="box-left"> </div> </div> .box { positio…
0 votes32 answers -
Не могу понять в чем дело (tooltip)
Привет всем! В общем такая беда. Надо сделать подсказку для ссылки по клику. Нашел скрипт, там все работает. Копирую себе - не хочет. Может кто надоумит? Вот мой код: <li><a href="#">Недвижимость</a> <div class="find"><a href="" class="fortip">найдено 3 новых объекта</a> <div class="totip totip3">Tooltip 1</div> </div> </li> шапку и css, думаю, выкладывать не стоит. В путях точно все верно, а стили я скопировал с примера.
0 votes8 answers -
Отступы текста
Здравствуйте! У меня пока что кроме текста нету ничего! Я хотел спросить! Можно ли сделать отступ текста от верха(тоесть чтобы текст был по середине) прямо в коде HTML? Или только через css можно?!
0 votes2 answers -
Посоветуйте скрипты
Привет всем У меня вот такая "мини проблемка" возникла. Я уже хочю наполнять сайт инфой, но без скрипта не хочю начинать. Мне на сайт нада поиск скрипт можно php и даже с БД. Я уже и гуглил инфы много, но это все не то: некоторое не догоняю как установить, некоторое ещё что-то. Крч, помогите пж определиться с php или jQ скриптами, которые бы на 100% отлично выполняли все нужны мне опции : поисе по сайту, блок "Последние уроки, статьи, шаблоны". PHP совсем не знаю, пробовал учить нечего не понимаю. . . как - то все не так обьясняют, я основы понять не могу с чего "php - теги" состоят и т.п. И ещё подскажите какуе-то CSM, что бы было удобно ( с админкой ) пользоваться, бы…
0 votes16 answers -
Расположение фона страницы
<style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?
0 votes7 answers -
Про margin
© margin Объясните пожалуйста, что это значит (схлопывание)?
0 votes1 answer -
Проблемма с radio переключателем в софте
Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…
0 votes11 answers -
Динамичное содержание страницы
Как сделать так, что бы информация или часть информации на странице менялись, например, что бы данные брались с другой страницы? Что-то типа такого, вот есть к примеру текст: Ваш рейтинг = "число взятое с другой страницы сайта или другого сайта" Или: Ваши баллы "кол-во взятое с другой страницы" из 10 Что-то типа информации в профиле, например пользователь учавствовал в конкурсе на сайте и в его профиле отображается кол-во достижений, вобщем как сделать, что-то типа этого?
0 votes32 answers -
Макет под 800 по центру
Нужно сверстать макет под 800px. Соответственно нужно расположить его по центру, дабы самые распространенные разрешения начинаются от 1024 в ширину. Каким образом это сделать?
0 votes10 answers -
Не работает меню в IE7
В IE7 ,XP, разрешение экрана 1280х800 (ноутбук), при уменьшении Ctrl - и увеличении Ctrl +, ссылки в меню съезжают влево, линии остаются на месте. В Firefox 4 и 5 работает нормально. В IE8 на персональном компьютере работает нормально. У меня не получается сделать, так чтобы не разъезжалось, может кто-то поделится опытом. Заранее благодарю. Верстку шаблона мне делал фрилансер, я немного понимаю в html и css, но найти где ошибка не получается. http://savepic.org/1908623.png http://savepic.org/1962894.png Код меню в index.html <div id="menu"> <div class="headsl">{$box_SEARCH}</div> <ul> <li{$1}><a href="{$mainpage}">Главная</a> …
0 votes4 answers -
input type file
Ребят подскажите пожалуйста как нормально этот инпут оформить, у меня по дизайну эта кнопка широкая и меняет фон при наведении, я пробовал через опасити т.е. поставить фон под инпут а инпуту задать 0 прозрачность, но из за того что кнопка длинная курсор над ней становится плочкой как над input type text и никакими стайлами и импортантами это не исправляется, что не есть гуд, пробовал скриптами подгонять инпут под курсор при наведении на нужный фон так там с сменой фона фигня получается он тупо моргает как бы я не старался. В общем подскажите пожалуйста варианты решения проблемы - буду очень признательным.
0 votes6 answers -
Полоса прокрутки
Здравствуйте. Подскажите, пожалуйста, как убрать полосу прокрутки, чтобы ее вообще не было видно? Попробовал с помощью урока -- не получилось. Вот в Опере есть галочка "Показывать полосы прокрутки", ее можно убрать, и полоса не будет отображаться (скриншот) -- как реализовать это на своем сайте с помощью CSS и/или HTML? Заранее благодарен! —- Задача решена! Всем спасибо!
0 votes15 answers -
Помогите откорректировать отображение рекламного блока
Помогите откорректировать отображение рекламного блока Вот код, что еще нужно прописать в стилях img или a, чтобы текст отображался компактнее <table> <tbody> <tr> <td style="width: 100%;"> <a href="http://id68698.al11.luxup.ru" target="_blank"> <img src="http://is.luxup.ru/images/i/6/1203646_267.jpg" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(224, 224, 224);" height="100" width="100"> </a> <a href="http://id68698.al11.luxup.ru" target="_blank" style="overflow: hidden; text-align: left; vertical-align: top; padding: 10px; color: rgb(14, 114, 181);">Ландшафтный диза…
0 votes8 answers -
Заливка Canvas
Всем привет. Интересует следующее: Обычный div можно залить картинкой, что бы она множилась, растягивалась и т.д., а есть ли такая же штука для canvas. Т.е. есть, например треугольник, нарисованный в canvas, как его можно залить изображением? И как указать заливку, слева направо, сверху в низ и т.д.? Уточню еще для полной ясности. Залить надо не сам canvas, а нарисованную в нем фигуру.
0 votes2 answers -
Высота блока 100%
Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…
0 votes10 answers -
выравнивание текста по вертикали в гор. меню, проблемы с ие
Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две <li> <div class="box"> <div class="box2"> <a href="#">some text 1</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text <br /> some text 2</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text 3</a> </div> </div> </li> в css li{float:left;} box{ display:table; float:left; height:100px; } box2{ display:table-cell; vertical-align:middle; }…
0 votes3 answers -
Зависание эксплорера при загрузке сайта
Всем добрый день. Делаю сейчас сайт http://demo.arammu.ru/ вернее не одна я, а ещё прогер. Возникла такая проблема: при открытии этого сайта у меня начинает виснуть эксплорер всех версий (установлен на компе 7 + пользуюсь ietester'ом). Так же просила посмотреть нескольких знакомых, у них тоже самое, только у одного нормально работает. Пробовала отключать скрипты, всё равно виснет... Надо срочно в html исправить все баги в эксплорере а из-за этой ерунды не получается. Может кто подскажет в чём может быть причина или знает отладчик какой которым можно проверить? Заранее спасибо.
0 votes5 answers -
Remote Linking
Здравствуйте! Нашёл вот тут интересный CSS-приёмчик. Автор называет его remote linking. Заключается он в том, что при наведении курсора на один объект, hover срабатывает не только у этого объекта, но и у какого-нибудь другого, и наоборот. Попытался приспособить эту штуку под свой сайт на Wordpress - ничего не вышло, не смог разобраться в CSS. Поиск решения на форуме и в Гугле результатов не принёс. Прошу подтолкнуть в правильном направлении. Имеется страница, на ней два объекта - заголовок и рамка вокруг текста. При наведении курсора на заголовок, плавно меняется цвет его фона. При наведении курсора в область с текстом, плавно меняется цвет рамки. Хочется чтобы при нав…
0 votes6 answers -
помогите фоном для <fieldset> в IE
Есть форма и вся форма находится внутри тега <fieldset>. Xочу дать ему фон. Вот что получается в IE А должно быть вот так Как можно решить? можно даже альтернативным способом
0 votes4 answers -
Вопрос по созданию карусели
Здравствуйте. Вот у меня такое вопрос к вам будет. Есть такой вариант интернет магазина. Я его делаю для тренировки. Вот как он выглядит: http://imglink.ru/show-image.php?id=bce92b3bdc5636c4b347fce8c9bc2b41 Там где стрелки для перелистывания мини изображений диска хочу сделать что-то типа карусели. Есть ли готовые вещи для подобной галереи? Что я нашёл, они мало подходят. Так вот вопрос. Если нету готовых, то хочу сделать сам. Я сам знаю основы js, но с jquery знаком лишь на уровне использования готовых вещей, и мне хотелось бы научиться делать самому такую карусель, есть ли мануал какой типо быстроее введение в jquery? Всё, что я нашёл в гугле, они мало подходят, а книге…
0 votes2 answers -
Про браузеры и разрешение
Кроссбраузерность. IE6, IE7, IE8, IE9, Opera последняя версия, Google Chrome последняя версия, Mozilla Firefox последняя версия, Safari последняя версия. Нормально так будет проверять на кроссбраузерность? 1. Во всех версиях IE нужно отдельно проверять, а в остальных браузерах можно просто в последней версии проверить? 2. После окончания верстки проверяете ли на экранах с разным разрешением? И вообще стоить ли это делать? Например если верстаешь под 1024 и под 1280. Если да, то как проверяете? Ведь монитор по сути один.
0 votes9 answers -
Масштабировать содержимое фрейма
Здравствуйте. Такой вопрос. Возможно ли масштабировать содержимое фрейма по размеру фрейма? Допустим у нас во фрейме подключается какая-то огромная html и тогда во фрейме появятся скроллеры. Конечно эти скроллеры можно отключить, но нельзя ли подогнать содержимое фрейма по его размеру? Пускай хоть и с искажениями.
0 votes5 answers