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
-
Проблемы верстки
Как сделать такой блок: ссылка android.cv.ua
0 votes22 answers -
Проблема с таблицей
Вот у меня таблица из трех колонок и одной строки. В 1 и в 3 колонке картинки.Они могут быть разными по размерам.Во второй колонке просто не большой блок.Так вот когда картинки меняются ,то они соответственно имеют разные размеры.И блок во второй колонке меняет свое положение относительно оси Y ,т.е. меняет высоту.Как сделать ,чтоб он стоял на месте,всё перепробовал ,как сделать?!?! <table> <tr> <td> <img src="" style='width: ;height:;border:0;' alt=''> </td> <td style='width:100px;' > <h1 style='background-color:#675c5c;padding:15px;'>Block</h1> </t…
0 votes2 answers -
Как послать по почте странице сайта?
Подскажите пожалуйста как послать по почте страничку сайта? может ето и не сайт я не знаю. мне приходит рассылка интернет магазина и когда я открываю почту то открывается страничка сайта с новои продукцией. мне нужно сделать так-же.
0 votes6 answers -
Два блока - один с динамической шириной, другой с статической
Здравствуйте, подскажите пожайлуста, мне нужно сверстаь два блока стоящих рядом, но один из них может иногда не показываться на странице, тогда первый должен заполнять всю ширину родителя, т.е. у первого ширина динамическая, у другого фиксированная, если просто задать им float:left, то второй блок будет перескакивать на другую строку, т.к. контеет в первом будет растягивать его на всю ширину, которая не ограничена. Как это сделать?
0 votes4 answers -
Проблема с Web Developer..
В общем не получается протестировать вёрстку под различные мониторы. Родное разрешение 1024x768. При изменении разрешения в Web Developer, к примеру, на 1900x1200 происходит всего небольшое смещение, и всё. Также и под все остальные. Подскажите, в чём может быть проблема, что делаю не так?
0 votes14 answers -
Резиновый div с контентом
Помогите подправить стили div с контентом. <div id="content"> Нужно исправить <div id="content"> что бы он красиво сжимался и растягивался для достижения отображения сайта без прокрутки на разрешении больше чем 1024px в ширину. Что бы правый сайт бар не перепрыгивал влево. Сайт kpi.name
0 votes8 answers -
Опытные верстальщики, а как вы проверяете на крассбраузерность?
Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете
0 votes39 answers -
Закругление без прокрутки
Здравствуйте уважаемые гуру! В верстке я уже не новичок но столкнулся с проблемой которую не могу решить. Как сделать чтобы закругления оставались на месте без прокрутки?
0 votes15 answers -
IE tester (7)
У меня воник вопрос,в чем проблема ,что IE 7 в IE tester не отображает страницу с компа http://img218.imageshack.us/i/91051146.png/ ??
0 votes21 answers -
Верстка и smarty
Все привет. Есть задача вывести на страницу сайта некоторое кол-во фотографий ( в миниатюре ). Процесс стандартный php берет данные ( имя изображения, описание т.д. ) и сдает это smarty ( assign ) . Шаблон: <table border="0" style="width: 100%;"> <tr> {section name=index_last_photo loop=$id} <td> <a href="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].photo_file_id}.jpg" rel="lyteshow[vacation]" title="{$id[index_last_photo].rus_photo_name}"> <img style=" border: 1px solid silver;width: 128px; height: 128px;" src="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].p…
0 votes10 answers -
Текстовый фон
Как сделать, что бы текст в документе был выделен фоном? http://www.hotel-legal.ru/untitled.html В общем так, как когда мы в Word курсором выделяем и копируем часть текста, нужно что бы так же подсвечивался фон постоянно в html как выделенный.
0 votes19 answers -
Проблема БГ
Здраствуйте! Прошу вашей помощи в такой проблеме! Есть сайт с фиксированой шириной(980пх)(http://seopremier.com.ua/). Только на главной слайдшоу. БГ сайта должно быть по всей ширине продолжением блоков (образуется контент по середине, а сайт растягивается по всей ширине) Предложите пожалуйста какие-то варианты! Я думал каждый главный элемент (блок) поместить в еще один блок по всей ширине и ему задавать бг, а элементы с контентом прозрачные. Заранее благодарен, Андрей!
0 votes12 answers -
проблема с горизонтальным меню в IE7
Подскажите, что я делаю не так есть горизонтальное меню, во всех браузерах, кроме IE7 нормально отображается: В IE7 выглядит так: код: .top-menu{ position: relative; background-color: #b3b3b3; background: url('/img/top-menu-fon.gif') repeat-x; height: 41px; width: 959px; margin-left: 10px; overflow:hidden; } .top-menu a:link, .top-menu a:visited { color: #000; font-size: 13px; font-weight: bold; text-decoration: none; padding-top: 12px; padding-bottom: 13px; padding-left: 60px; padding-right: 60px; text-shadow: 1px 1px 1px white; } .top-menu a:hover, .top-menu a:active { background: url('/img/top-menu-fon-hover.gif') 0 0 repeat-x; color: #fff; fon…
0 votes4 answers -
разное отображение веб-страниц в IE и Mozille
Здравствуйте. Подскажите пожалуйста почему происходит разное отображение страницы в браузерах IE и Mozille? А точнее в IE шрифт жирный, отступы заданные с помощью margin:0 auto не большие, а в Mozille шрифт нежирный, отступы значительно больше и появляется горизонтальная полоса прокрутки. Ссылка на страницу, которая отображается по разному в браузерах. http://olyakutukova.narod.ru/ocna.html
0 votes26 answers -
Как работает height в CSS
Не могу понять какая логика работы свойства height в ниже приведенном примере. table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } Только после добавления position: absolute таблица начинает слушаться и растягивается на всю высоту, хотя width работает корректно в обоих случаях. Без position таблица игнорирует height: 100%, но вполне нормально слушается height: 500px. Подскажите, где я не дочитал учебники?
0 votes21 answers -
html тег создает белую полосу прокрутки в ie7
Не знаю в чем дело, может кто то сталкивался с таким. Вот скрин http://s61.radikal.ru/i171/1103/67/a0436925b0a3.jpg
0 votes12 answers -
Кратность высоты ячейки в таблице
Приветствую всех, курил поиск, толкового ничего не нашел. Я вёрсткой занимаюсь на уровне 1 курса универа (для себя в удовольствие), потому не пинайте сильно. Вопрос в общем какой, табличная верстка, центральный фоновый рисунок, где контент будет, меняется с периодичностью в 150 пикселей по высоте. Если к примеру контент будет занимать 200 пикселей, то фоновый рисунок ячейки уже не стыкуется с фоновым рисунком заключающей ячейки. Вот как должно быть: http://floomby.ru/content/jUif38NlYk/ И как не должно быть: http://floomby.ru/content/0uVFboreEK/ Возможно ли сделать так что б высота ячейки(таблицы) менялась кратно какого-либо числа, независимо от контента? Заранее благода…
0 votes3 answers -
Нужна текстовая карусель)
гуглом пользовался...нужного не нашел..В общем каруселька, в которой перелистывается текст вместе с изображением внизу кнопки 1 2 3 4 5...подскажите плизз
0 votes12 answers -
hover в firefox'e
Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!
0 votes8 answers -
Как избежать вертикального скрола при размещении текста?
Приветствую! При верстке появилась проблема-не знаю, как поместить много текта на странице, чтобы сайт "тянулся".
0 votes14 answers -
Прозрачный угол для каринки
Сейчас создаю дизайн, задумался смогу ли я это реализвать. Есть объект, он статической высоты стической ширины, вот его фрагмент: Красным выделена своеобразная рамка, в правой части будет текст поэтому там опросов особо то и нету. А что касается картинки, я хочу сделать так, чтобы пользователь заморачивался лишь о высоте картинки и ни в коем случае вручную не обрезал уголки. Тоесть как сделать посредством css и html так, чтобы картинка в div с определенным классом сама себе обрезала уголки в нужном месте? Например вот этак картинка: Нужно чтобы когда её вставили в ДИВ получилось вот так: На что способен я, вы можете видеть в первом изображении. Идеи: Текст будет на фон…
0 votes26 answers -
При наведении на ссылку меню пропадает часть содержимого страницы
Уважаемые, гуру!!! Разъясните, в чём проблема. В IE 7 при наведении на ссылку меню, пропадает часть содержимого страницы, при этом в остальных нормальных браузерах (Мозила, Опера, Google Chrome) всё ок!!! Пробовал валидаторы кода разные, результат тот же, с html знаком, знаком с глюками IE, но тут уже нервы сдают - помогите пожалуйста. Всё бы ничё, но ест ещё юзеры, пользующиеся IE 7 и даже IE6!!! Сайт it-consulting.dp.ua. Заранее благодарен. При необходимости выложу код index-a и css-ника
0 votes3 answers -
Карта ссылок на изображении - помогите
<body> <div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div> <MAP name="somemap"> <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru"> </MAP> </body> </html> сделал такой код для примера... ничего не работает .... жму на картинку никуда не переходит ... в чем проблема ?
0 votes9 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers -
Изображение как ссылка в тексте
Доброго всем времени суток. Появилась небольшая проблема. Хотел изображение сделать ссылкой таким вот способом: #header { width: 990px; height: 179px; text-align: left; } #header a{ text-decoration: none; display: inline; text-transform: lowercase; } <div id="header"> <a href="index.php" ><img src="skins/standart/img/445.png" /></a> </div> Получилось, но не так как хотелось бы. В браузерах Google 9.0.597.98, Safari 5.0.3 , Opera 11.0.1 картинка отображается как нужно, но вот в IE 8.0.6 и MozillaFirefox 3.6.13 вокруг изображения создается контурная линия. Подскажите пожалуйста, как же избавиться от этого недоразумения ?
0 votes2 answers