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
-
h1 и скрытие текста
Здравствуйте. Хочу поставить лого в заголовок H1. При этом написать в него текстовую версию логотипа. Встал вопрос как лучше скрыть этот текст, я думал visibility:hidden, но не знаю будут ли его индексировать поисковики и как они вообще относятся к данному правилу?
0 votes15 answers -
слайдер и форма связи.
Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так: 1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло. Вот хтмл-код формы: А вот сам скрипт : 2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.
0 votes3 answers -
Правильно ли применять разметку schema.org в категории товаров или в списке категорий?
Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?
0 votes4 answers -
IE7 margin-bottom от абзаца добавляется к img { float: left; }
Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…
0 votes14 answers -
"Плавающие" Баннеры
Скажите пожалуйста как создать плавающий баннер который при прокручивании документа будет прокручиваться вместе с документом?
0 votes3 answers -
Свойства тегов <ul> и <li>
В стандарте даны свойства list-style-type, list-style-image, list-style-position и list-style: http://www.w3.org/TR/CSS2/generate.html#list-style В разметке может быть два тега: <ul> и <li>. К каким из этих тегов применять данные стили корректно? Есть ли какие-то особенности в стилях для тега <ul> и отдельно для тега <li>? Объясните, как надо для этих тегов правильно задавать свойства.
0 votes2 answers -
Перевод на div нужна помощь
Имеется вот такой код, отображающий Заголовок новости и Категорию. (Движок DLE) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'> <tr> <td width='63'> <img src='{THEME}/images/upleftangle.png' width='63' height='38' alt='' /> </td> <td width='100%' class='upzalivnews'> <b>{title}</b> </td> <td align="right" nowrap='nowrap' width='344' class='upzalivnews'> <b>{link-category}</b> </td> <td> <img src='{THEME}/images/uprightangle.png' width='14' height='38' alt='' /> </td> </tr> </table> Тут Класс upzalivnews содержи…
0 votes5 answers -
Масштаб, размер страницы на моб. устройств..
Опять нужна ваша помощь добрые и опытные верстальщики! Уже чуть ли не неделю мучаюсь и никак не получается сделать так что-бы сайт открывался на мобильных устройств в полном масштабе, размере. То есть к примеру сайт в ширину 1000px, открывается не на всё ширину а на ширину самого устройства, 320px, 480px, 760px и.т.д..... С тегом meta viewport поигрался уже раз сто... ничего не меняется что я ставлю device-width, что задаю width=1000, что width=1000px, в общем ничего не понимаю, как я этот тег только не менял никаких изменении от его использования не происходили... сайт как открывался в левом верхнем углю так и открывается.... Пытался body задать min-width тоже ничего, в…
0 votes7 answers -
Отступы в макете и на сайте
Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.
0 votes7 answers -
border-radius и border-collapse
Приветствую. В очередной раз столкнулся с проблемой, в данном случае это скругление углов у таблицы (между ячейками также имеется рамка) Подскажите, можно ли обойтись без js и картинок?
0 votes9 answers -
Верстка таблицы - ширина одной колонки зависит от контента, две других равной ширины
Добрый день. Подскажите пожалуйста, как сделать в следующей разметке: <table><tr><td></td><td>Колонка 2 - автоматическая ширина</td><td>Колонка 3 с более длинным контентом</td></tr></table>1. таблица занимают всею ширину. 2. ширина второй колонки определяется контентом. 3. ширина у первой и третей колонки одинаковая.
0 votes13 answers -
Растяжение содержимого таблицы
<table align="left" cols="5" border="0" width="0" bordercolor="#000000" bgcolor="#efefdd"> <tr> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="genre_pictures_1.htm" target="_self" title="Жанровая живопись"><img src="../pictures/genre_pictures/2003/preview/10.jpg" alt="Жанровая живопись" width="150" height="99" border="0"> Жанровая живопись</a></td></td> <td align="center" valign="middle" height="150" width="150" bgcolor="#FFFFFF"><a href="artdecor_1.htm" target="_self" title="Артдеко"><img src="../pictures/artdecor/2002/preview/6.jpg" alt="Артдеко" width="150" height=…
0 votes5 answers -
Подскажите пожалуйста
Подскажите пожалуйста, как сделать вот так как здесь http://htmlbook.ru/content/ ? Тоесть такой список, что например кликаешь по "Основы HTML" и открываеться список "Структура документа, Структура файлов и так далее"?
0 votes11 answers -
height:100%-150px
Здравствуйте, проблема в следующем: Блок тянется на 100% высоты, overflov для него задан auto ( когда контент в нем начинает привышать 100% высоты, появляется полоса прокрутки). Ниже этого блока расположен еще один, он фиксированной высоты (150px), он должен быть всегда прибит к низу. Задаю ему margin-top:-150px. В верхний блок кладу невидимый блок с высотой 160px, он играет роль искуственного отступа. Теперь, при появлении полосы прокрутки, нижний блок перекрывает полосу прокрутки верхнего, не контент, а именно полосу. Как же их состековать, чтобы верхний блок прилипал к границе нижнего?
0 votes2 answers -
Полоса прокрутки
Как изменить расположение полосы прокрутки? Мне нужно зделать её вверху. Подскажите как это зделать.
0 votes7 answers -
Сайт долго грузится
Картинка в хедере 60кБ, и все. Но грузится сайт оч долго. На этом же хостинге другие два нормально грузятся. Помогите, пожалуйста, понять в чем тут дело. Спасибо! ps сам сайт duet74.ru
0 votes4 answers -
Выпадающи список не корректно отображается в Mozilla Firefox и Google Chrome
Доброго времени суток! Подскажите в чем может быть ошибка - выпадающий список в Opera и Internet Explorer отображается так как надо, а в Mozilla Firefox и Google Chrome не корректно - http://happy-tails.ru/! .v-menu ul { margin: 0; /* Нет отступов вокруг */ padding: 0; /* Нет поля вокруг текста */ list-style: none; /* Для списка убираем маркеры */ font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт для текста меню */ font-size: 12px; /* Размер названий в пункте меню */ font-weight: norm; /* Не жирный шрифт */ } .v-menu ul li { position: relative; } .v-menu li ul { width: 110px; /* Ширина выпадающего списка */ position: absolute; /* Подменю позици…
0 votes3 answers -
Как можно открыть нужную папку сайта в проводнике Windows?
Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.
0 votes6 answers -
При наведении на ячейку таблицы показывалась ссылка
Здравствуйте дорогие друзья! Помогите пожалуйста мне с таким вопросом: Есть таблица, Ячейки у нее являются ссылками, они работают, но при наведении на ЯЧЕЙКИ НЕ ПОКАЗЫВАЕТСЯ КУДА ОНА ВЕДЕТ, то есть внизу сайта нет адреса. Как Сделать чтобы адреса появились? Вот код: <style type="text/css"> .over67 {background-color: #fff; font-weight: bold; cursor: pointer;} .out67 {background-color: #fff; font-weight: normal;} </style> <table> <tr> <td onMouseOver="className='over67'" onMouseOut="className='out67'" onClick="document.location='Здесь ссылка'"><img src="picture1.png" align="left">Файлы</td> </tr> </table>
0 votes6 answers -
Разделение фона
Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во…
0 votes16 answers -
Не работают вместе php и SSI.
В .htaccess было сначало прописано AddHandler application/x-httpd-php .php .html, чтобы обрабатывался php. Затем я начал пользоваться SSI. Страницы оставил в формате html, поэтому прописал AddHandler server-parsed .html . Но после этого не работает php на сайте. Как сделать так чтоб они работали вместе...
0 votes7 answers -
C чего начать работу
Здравствуйте. Подскажите, как лучше сделать свою вот такую страницу Линк Просто у меня есть свой сайт/форум с онлайн играми и очень не хватает вот такого так сказать калькулятора... подскажите, в чем и с чего лучше начать его разработку ?
0 votes9 answers -
Рамка вокруг <a> в ie и ff
Использую на сайте Coda Slider. Это чтобы удобней было по страницам переходить, они там горизонтально ездят влево-вправо Так вот, элементы управлиения там (стрелки влево-вправо) реализованы в виде div с картинкой стрелки в качестве бэкграунда и внутри дива управляющий <a>. И "text-indent:9000;" чтобы не было видно текста ссылки. И вот в файрфоксе и ие после клика по ссылке она обводится пунктирной рамкой, что очень не в тему и естественно не нравится заказчику. Как оно выглядит можно посмотреть на картинках. Что можно с этим сделать? border у <a> накрутить? кажется уже пробовал (не помню точно) Как оно выглядит: Это левая стрелка в файрфоксе: Это -- правая …
0 votes4 answers -
help> помогите проблемы с гостевухой> я чайник тока начал!!!!!!!!!!!!!
Подскажите ПЛЗ как зделать так, чтобы когда пишеш в гостевухе и потом нажимаешь кнопку отпровить то, чтобы мо? сообщение остовалось там над полем где я писал. како код мне нужен помогите ПЛЗ!!!!!!!!!!!!!:)
0 votes6 answers -
Как сделать сайт резиновым
Прочитал много кодов но так и не смог решить проблему. Дело в том что в итоге браузер может растянуть картинку но не сжать е?. В связи с этим внизу страницы появляется вседоканывающий ползунок. Если убрать шапку и подвал сайта то ползунок магическим образом исчезает Мне нужно чтобы сайт корректно отображался на экранах с расширением 1024 пикселей. Шапка и Подвал имеют ширину 1220 точек.Не советуйте пожалуйста ументшить их ширину так как это вариант мне не подходит. Вот коды шапки и подвала <tr> <td colspan="5"><img src="Images/MegaTools.jpg" width="100%" height="226" alt="А здесь размещена красивая картинка"></td> </tr> <tr> <td co…
0 votes2 answers