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
-
Горизонтальное меню на картинке
Ссылка Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов. Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?
0 votes3 answers -
Слева и по центру
<div align="center"> ***************<br> ***************<br> ***************<br> ***************<br> </div> текст по центру. но это некий диалог, и отображается он что-то типа ______________-привет как дела ____-нормально ___-чем ты занят сегодня ________-да ничем __-ясно как то так(зависит от длины строки) мне нужно что они были по одной линии, но по центру)) ___-привет ___-нормально ___-чем ты занят сегодня ___-да ничем ___-ясно
0 votes10 answers -
Расширение td на всю tr
Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…
0 votes2 answers -
Вопрос по спойлерам на jQuery
Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQue…
0 votes4 answers -
Тени
Здравствуйте, возникла проблемка при работе с тенями. Вот css для div body{ background:#000; margin:0; } div.spell{ margin: 0 auto; background:#FFF; box-shadow: 0 0 120px white; /* Параметры тени */ -moz-box-shadow: 0 0 120px white; -webkit-box-shadow: 0 0 120px white; height: 2000px; width: 900px; } В IE всё отображается как надо, по бокам тени, с верху и с низу отступов нет, так что div стыкуется впритык. А вот в Opere 11.51 отступы снизу равны размеру тени, а сверху всё норм, тень невидна. Реально ли сделать без отступа снизу?
0 votes15 answers -
Красная строка
Здравствуйте! Возникла необходимость в красной строке. (в больших количествах) Правильного решения данного вопроса не нашел!!! зато случайно получилось это сделать закрывающим тегом <P /> тобиш проставляя его перед началом параграфа и получается нормальная красная строка. Подскажите пожалуйста: насколько это безграмотно, а главное минусы данного решения.
0 votes3 answers -
Можно в форме отключить "Enter" а именно в <input> ?
Можно в форме отключить "Enter" а именно в <input> ? Выходит что при вводе в форме в <input></input> текст и при нажатии на "Enter" срабатывает Submit. А можно сделать чтобы Submit не срабатывал?
0 votes12 answers -
DOCTYPE и XHTML
Добрый вечер всем! Начал читать раздел, посвящённый XHTML. Возник сразу же вопрос. Какой тип документа лучше указывать? Который применяется для HTML5? Или же который применяется для XHTML 1.1?
0 votes4 answers -
как сделать эффект нажатия кнопки
как сделать что бы при нажатии кнопка(не <button>) "впадала"
0 votes2 answers -
css выподающее меню
В выпадающем меню верхняя часть каждой кнопочки не кликабельная. Хочется сделать возможность клика по любой части кнопки, желательно без js. Вот меню И код: .top-menu{ list-style:none; padding:0; margin:0; margin-top:0px; text-align: right; position: relative; } .top-menu li { float:left; height:33px; padding:0; margin:0px; margin-left:5px; width:150px; text-align:center; background:#333; position:relative; padding-top: 12px; border-radius: 5px 5px 0 0; } .top-menu li ul{ list-style:none; padding:0; margin:0; width:150px; display:none; position:absolute; z-index:999; left:0; top:45px; } .top-menu li ul li{ float:none; height:33px; margi…
0 votes2 answers -
Нестандартная верстка
Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?
0 votes6 answers -
Высота блока меньше, чем его содержимое
Привет всем! На примере странички http://www.vw-ntagil.ru/index.php?page=vwMagazine Никак не могу понять почему, если с блоке content (по центру) наполнения меньше, чем по боковым столбцам или оно отсутствует, то боковые столбцы блоком main просто съедаются. Верстка не моя, долго ковырялся, прописывал height: 100%; для всех колонок, но не помогает, пробовал менять overflow для main, все равно нет эффекта, рисует скроллинг сбоку и помещает контент в себя, а высота остается маленькой.. Помогите, если не трудно, основной .css это style.css. Поделиться исходниками не могу, только в таком виде.. я уже весь мозг сломал. =)
0 votes4 answers -
Оптимизация
Добрый вечер! Я создала блог на blogspot.com ,сегодня купила домен.. Но столкнулась с проблемой , заходя на другие браузеры , такие как Safari (Mac) , Internet Explorer .. всё передвигается ,цвета другие , расширение тоже. В этом деле я новичок , поэтому не судите строго! Блог по заказу и нужно чтоб на всех браузерах отображался одинаково. Поэтому прошу у вас помощи , в оптимизации мало что понимаю . Подскажите что нужно делать , на мозиле всё отображается хорошо. Вот сам блог : buddyleeblog.blogspot.com
0 votes8 answers -
реализация с :after
Всем здравствуйте После меню мне нужно реализовать border-bottom через after, как этого добиться. Моя реализация такова ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; position: absolute; left: 0; /* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/ } Без absolute ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; owerflow: hidden; /* Всё вроде нормально, он под меню, но растягивается только под ширину этого меню*/ }
0 votes7 answers -
баг с col в Opera
Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.
0 votes5 answers -
ячейка в таблице определенного размера
хоться иметь таблицу с ячейками размером 2 на 2 пикселя но никак не получается кажись вина в шрифте (его размере) помогите кто может всем за ранние спосибо
0 votes18 answers -
Непростой градиент в меню
Доброго времени суток! Недавно получил задание на вёрстку сайта и в процессе столкнулся с некоторой проблемкой. Задача была сделать градиентное поле при наведении на пункт меню. Сложность в том, что в углах он должен закругляться, то есть иметь более овальную форму. Сейчас сделал тенью от текста, получилось немного похоже, но не совсем то Как должно быть: Как есть: http://jsfiddle.net/rmn8m/ Поскольку только начал освоение вёрстки, не совсем представляю как такое реализовать. Просьба наставить на путь истинный, заранее спасибо!)
0 votes3 answers -
Вертикальное выравнивание внутри элементов списка
Добрый вечер! Вот проблема такая есть, не знаю как сделать. Вот картинка проблемы: Вот код: <html> <head> <style> .asd ul li{ outline: 1px solid black; height: 80px; } </style> </head> <body> <table border="1" align="center" width="200"> <tr> <td> <div class="asd"> <ul> <li><a href="#">123</a></li> <li><a href="#">sd sdg g456 gf sdgd 4 23 423 423 </a></li> <li><a href="#">345</a></li> <li><a href="#">456 234 234 234 234 234 23 423 423 </a></li&g…
0 votes3 answers -
Строчной внутри блочного
Доброго времени суток. В css: overflow: auto; в body: <div class="***"> <img src="****" /> а а а а а а а а а а а а а а а а а а а а а а </div> дело в том, что мне нужно чтобы при масшабировании появлялась полоса прокрутка у картинки. и что бы картинка была справа. вроде бы как все просто, у img указываем align="right" да, картинка справа, но полоса прокрутки не появляется. а если в <div align="right"> то тогда все что в элементе div становится справа, но зато появляется полоса прокрутки. я пытался просто картинку взять в <div> но это же блочный элемент, и текст становится под картинкой. что делать? что бы полоса появлялась только у фото, и …
0 votes3 answers -
закругленные углы
как закруглить углы в css2.1 ? а то не проходит валидацию
0 votes3 answers -
Проблема с вёрсткой CSS кнопок
Есть такой сайт с двумя CSS стилями. Необходимо их объединить в один. Я это сделал, но у меня не хочет теперь отображатся цвет посещённой ссылки. Помогите решить проблемму. Ещё, по другому начал отображатся стиль при нажатии.
0 votes2 answers -
вертикальное выравнивание внутри элементов списка
Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen…
0 votes15 answers -
Видео в изображении
Помогите сделать чтоб видео ( стрим канал) был в картинке (телевизор)?! Срочно нужно
0 votes14 answers -
(CSS) DIV при высоте 100% вычесть 200px снизу
Привет! Торможу уже второй день с проблемой. У меня есть DIV. Я его растягиваю на 100% по высоте. Но я хочу, чтобы при этом, 200рх снизу оставалось пустым. Это вообще возможно сделать средствами CSS? Пробовал применять такой код, но они не работают: height: 100%; margin-bottom: 200px; и height: 100%; margin-bottom: -200px;
0 votes6 answers -
IE6 проверка
Здравствуйте, уважаемые форумчани. У меня стоит ubuntu 11.04 и я понятия не имею как мне проверить свой сайт, кроме как глюченным wine IE6, которому я не верю. Вопрос стоит в том что я совершенно не смог найти ссылку, которую множество раз встречал здесь - проверки с помощью какой-то программы на валидность, толи сайта. Прошу - дайте мне ссылку.
0 votes6 answers