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
-
Межстрочный интервал
Есть шрифт myriad pro. На платформах windows все норм. Но на маке межстрочный итервал меньше и текст чуть выше оказывается. Не знаю как исправить. Исправлю на маке, текст опустится на винде и в винде будет не так как в макете и наоборот. http://hostingkartinok.com/show-image.php?id=a89b056a4e2027963b6363882615d81f WINDOWS http://hostingkartinok.com/show-image.php?id=a0425b00912a7e1ab7ce873494025ccb МАК SAFARI 7 Как исправить?
0 votes4 answers -
что за эффект
http://www.agence-belle-epoque.fr/ когда секция загрузилась, заголовок плавно появляется(заполняется), не знаю как обьяснить. как это реализовано? кто нибудь знает?
0 votes6 answers -
Откалибровать содержимое дива
Всем привет ) Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается... Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся( Самое удивительное, что код абсолютно одинаков) <!DOCTYPE html><html> <head> <title>Project Name</title> <meta charset="utf-8" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <d…
0 votes3 answers -
Помогите с css
<div class='gmtop'><img src="gm.png" width="40" height="25" /></div><div class='gmmain'>Информация!!!</div> СSS .gmtop{ background: url(book.gif) no-repeat right; padding: 3px; width: 99%; } .gmmain{ -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FAFCFE; border: 1px dotted #465584; color: #465584; padding: 2px; width: 99%; } Вопрос в том, как мне сделать таблицу по длине текста, а не вот так. Что надо сделать что бы обрезала под текст столбец, а не показывала его во всю ширину???
0 votes1 answer -
Вопрос по блочной вёрстке 3х3
Доброго всем дня. У меня возник вопрос по блочной вёрстке. дело в том, что мне необходимо составить шаблон страницы, которая должна состоять из 3-х рядов и 3-х строк. Причём, средний ряд и строка должна иметь 100% в ширину и высоту соответственно, а боковые стороны, фиксированный размер. Для большей наглядность на изображении указана структура документа. Если кто знает решение, пожалуйста, посоветуйте как выйти из этой ситуации.
0 votes1 answer -
подскажите на чем сделано это меню
Понравилось как сделано меню на сайте: http://www.accrweb.com/ (при наведении мышью на пункты меню оно потихонечку выезжает) Знатоки подскажите с помощью какого фреймворка сделан этот эффект ? jQuery + что то еще? Скрины с сайта: PS Буду очень признателен если кто то направит гуглить в нужном направлении - ато я даже не пойму что искать...
0 votes2 answers -
Позиционирование Flash-ролика
Подскажите пожалуйста Как Флеш-объект шириной в 1800px расположить так, чтобы на мониторе с разрешением в 1280 + - px в ширину, этот объект располагался по центру (т.е. его края уходят как вправо так и влево, на равное расстояние) и при этом не было полоски прокрута снизу. С картинками я решал эту проблему с помощью background-position: top center; Но как быть в данном случае с флешем?
0 votes0 answers -
[Вопрос]Модули в одну строчку
Не подскажете как поставить модули в одну полоску горизонтально ... допустим у меня 2 модуля мне их надо поставить вместе горизонтально...
0 votes4 answers -
overflow
В css использую overflow: auto; когда к картинке в <div> добавляю этот Overflow все работает но стоит картинке указать атрибут align, то Overflow перестает работать как надо. он работает как Overflow: hidden;
0 votes1 answer -
Двигая границу окна браузера
Здравствуйте. Учусь верстке, столкнулся с проблемой. При передвижении правой границы окна браузера содержимое сайта начинает "спадать", не знаю как точно выразиться. Вот сайт: http://testmarkup.ucoz.ru/index.html Вот css : http://testmarkup.ucoz.ru/style.css Складывается в частности вот здесь: <p class="q1"><span class="w1">102 456</span><br /><span class="w2">комментариев</span></p> <p class="q2"><span class="w1">10 432</span><br /><span class="w2">публикаций</span></p> <p class="q3"><span class="w1">344 657</span><br /><span class="w2"…
0 votes4 answers -
z-index в IE7
http://leveler.ru/awag/ В интернетах советуют назначить родительскому контейнеру менюшки большой z-index, чтобы она не перекрывалась контентом. В моем случае почему-то не помогает - в IE7 всё равно пункты выпадают под аккордеон. В остальных современных браузерах всё хорошо. Посоветуйте что-нибудь?
0 votes1 answer -
Вертикально-резиновый сайт
Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…
0 votes4 answers -
Перевёрнутый текст в IE6-7
Сделал, для всех ,кроме этих инвалидов. Кто подскажет
0 votes1 answer -
opacity в див
Материнскому диву присвоил opacity: 0.7 и потом в нем создал еще один див, и прозрачность тоже ему передалась. Как сделать так ,чтобы дочернии див не был прозрачным. Пробывал дочернему диву прописать opacity: 1 - не работает.
0 votes3 answers -
Проблема с курсором
Я поставил на своем сайте нестандартный курсор. Как сделать так, чтоб если например надо нажать ссылку, то чтоб надо было подносить середину, а не левый верхний угол? Сайт. И почему в браузере IE он выглядит большим?
0 votes1 answer -
<div> и align не на всю ширину страницы
Есть <div> в нем <img align="left"> <img align="right"> <table align="center"> </div> Но браузер делает отступы от краев окна, а не <div> <div width="fixed"> ничего не меняет Как отформатировать страницу чтобы картинки оказались с отступом от краев экрана? Можно наверно попробовать margin, но это не совсем то - Если <div> был бы фиксированной ширины при изменении размеров окна отступы тоже изменяли бы свой размер, а если сделать margin, то отступы будут неизменными. В общем жду ваших советов. Всем спасибо, сам разобрался. Заменил <div> на <table>
0 votes0 answers -
кнопочки
расскажите пожалуйста как верстать кнопочки любые блоки стараюсь верстать, учитывая переполнение контентом. в кнопках типа "search", "send", "join now" очень редко меняется текст(тем более из админки). но совесть всё таки не спокойна когда тупо вырезаю в фотошопе фон с определенными размерами и использую для контейнера кнопки как лучше поступать, для каждой кнопки всё таки учитывать переполнение или это не обязательно? может быть существуют какие-нибудь правила хорошего тона?
0 votes6 answers -
Overflow и горизонтальный споллер
Добрый день! Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить? <div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black"> <ul "list-style: disc outside; padding: 0px 0px 0px 0px"> <li style = "list-style-type: none; display: inline; float: left"> <div style = "border: 1px solid black"><img src="ссылка на картинку 1"&…
0 votes4 answers -
Горизонтальное меню в Opera
Здравствуйте! Столкнулся с проблемой. Сделал меню, в Chrome и Mozilla работает, а вот в Opera не становиться горизонтальным. Делаю способом float:left. Подскажите, пожалуйста, как исправить. (http://87.237.116.73/Otromt/forum.html) <div class="menu"> <ul class="menu_ul"> <li><a href="http://test1.ru/about.php">About</a></li> <li><a href="http://test1.ru/forum.php">Forum</a></li> <li><a href="http://test1.ru/prices.php">Prices</a></li> </ul> </div> .menu{ color: darkred; column-count: 3; margin-bottom: -60px; height: 100px; text-align: center; …
0 votes2 answers -
Бешеные DIV-ы
Есть вот такой не сложный код: <html> <head> </head> <body style="margin:0;padding:0;"> <div style="margin:0 auto; width:600px; height:300px; background:red;" id="1"> <div id="2" style="margin:30px 0 0 0; width:200px; height:100px; background:grey;"> </div> </div> </body> </html> Почему div с id=2 делает отступ не относительно div c id=1 и более того получается так что тот же div c id=1 тоже получает отступ от верхней границы 30px ? В общем что я неправильно делаю или как это полечить ?
0 votes2 answers -
Подскажите, как создать отдельный стиль для заголовка h2?
Подскажите пожалуйста синтаксически ну от типа того, но вот при таком написании не работает... h2.a {} h2.a:hover {} h2.a:focus {} или это нужно создать отдельный стили и описать его, что-то путаница выходит
0 votes1 answer -
Как "addEventListener('change',...)" заменить на "onChange"?
Хочу кросс-браузерность сделать. 1) Как "addEventListener('change',...)" заменить на "onChange" в http://jsfiddle.net/bMSj5/2/ ? 2) Если произвести такую замену, то полная кросс-браузерность получится или еще что-то поменять надо?
0 votes0 answers -
3d transforms css3 как вытащить весь код?
нашёл интересную штуку https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html как вытащить html и css файлы этой трансформации? нажмите на кнопку Toggle Shape и вы увидите эффект
0 votes5 answers -
Вопрос про шрифты
У меня есть макет и шрифты к нему PT Sans. Как сделать кроссбраузерно фон фасе, если я не могу вдругие форматы конвертировать т.к. шрифт платный, что делать ?
0 votes3 answers -
Геометрические символы
Как вставлять в Dreamweawer 8 геометрические символы, например, не принадлежит прямой (Е зачеркнутое), принадлежит (Е), значки треугольников, углов? Копирую через MS Word и вставляю в Dreamweaver - обозначает как нечитаемым символом. http://prntscr.com/994a69ссылка на символы
0 votes2 answers