andead
искренне благодарен!
искренне благодарен!
» Вопросы по CSS
есть таблица:
[no]
<table width="100px">
<tr><td>
<img src="images/file.png">
</td></tr>
</table>
[/no]
размер файла 150х150
как сделать чтобы картинка НЕ расширяла таблицу до 150, а просто вылазила за границу (получается на 50px)?
[no]
<table width="100px">
<tr><td>
<img src="images/file.png">
</td></tr>
</table>
[/no]
размер файла 150х150
как сделать чтобы картинка НЕ расширяла таблицу до 150, а просто вылазила за границу (получается на 50px)?
[no]
<body style="margin: 0">
<table>
<tr>
<td style="background-color :blue; height:200px; width:200px">
test1
</td>
<td style="background-color:red; height:200px; width:200px">
test2
</td>
</tr>
</table>
</body>
[/no]
откуда берется бордер в 1px, мать его?
<body style="margin: 0">
<table>
<tr>
<td style="background-color :blue; height:200px; width:200px">
test1
</td>
<td style="background-color:red; height:200px; width:200px">
test2
</td>
</tr>
</table>
</body>
[/no]
откуда берется бордер в 1px, мать его?
klimusu
из дефолтных свойств браузера?
поставь border:0 везде
из дефолтных свойств браузера?
поставь border:0 везде
obla4ko4240019
я взял expression web4, начал вертеть.. создал таблицу, везде белый бордер примерно в 1px
Вот пример:
http://www.glowfoto.com/static_image/11-004913L/6541/png/09/2010/img6/glowfoto
(горизонтальные белые линии)
Добавлено:
Надо было в свойствах страницы выставить в ноль cellpadding и cellcellspacing
Но почему тогда средства разработчика в IE (F12) не говорили что cellpadding и cellcellspacing имеют какие-то значения?
я взял expression web4, начал вертеть.. создал таблицу, везде белый бордер примерно в 1px
Вот пример:
http://www.glowfoto.com/static_image/11-004913L/6541/png/09/2010/img6/glowfoto
(горизонтальные белые линии)
Добавлено:
Надо было в свойствах страницы выставить в ноль cellpadding и cellcellspacing
Но почему тогда средства разработчика в IE (F12) не говорили что cellpadding и cellcellspacing имеют какие-то значения?
klimusu
так любой браузер имеет какие-то свои дефолтные значения, поэтому и рекомендуют для простоты верстки подключать сброс стилей. вот например самый известный ластик http://meyerweb.com/eric/tools/css/reset/
так любой браузер имеет какие-то свои дефолтные значения, поэтому и рекомендуют для простоты верстки подключать сброс стилей. вот например самый известный ластик http://meyerweb.com/eric/tools/css/reset/
Подскажите, как реализовать кнопку в форме поиска на спрайтах?
carv
Цитата:
а точнее?
как использовать картинку в фоне кнопки? так же, как и везде..
а если хочется "спрайт", то добавляется сдвиг до нужно позиции и все.
Цитата:
Подскажите, как реализовать кнопку в форме поиска на спрайтах?
а точнее?
как использовать картинку в фоне кнопки? так же, как и везде..
а если хочется "спрайт", то добавляется сдвиг до нужно позиции и все.
Подскажите с помощью какой программы удобнее всего работать с CSS?
Virtus91
Самое элементарное и надежное - блокнот
А если серьезно - любой в принцепе инструмент для верстки страниц - Dreamweaver (Adobe), если не ошибаюс, Publisher (MS Office) ...
Самое элементарное и надежное - блокнот
А если серьезно - любой в принцепе инструмент для верстки страниц - Dreamweaver (Adobe), если не ошибаюс, Publisher (MS Office) ...
Virtus91
Ну если сам синтаксис достаточно хорошо знаешь, то лучше всего по памяти через Notepad2 (он с подсветкой кода) и иногда заглядывая в справочник
Dreamweaver платный и подтормаживает, но зато код подставляет сам..
Ну если сам синтаксис достаточно хорошо знаешь, то лучше всего по памяти через Notepad2 (он с подсветкой кода) и иногда заглядывая в справочник
Dreamweaver платный и подтормаживает, но зато код подставляет сам..
Здравствуйте.
Подскажите, пожалуйста.
Если я в свойстве background-position укажу значение в em, то от какого значения будет происходить смещение картинки?
Подскажите, пожалуйста.
Если я в свойстве background-position укажу значение в em, то от какого значения будет происходить смещение картинки?
Djeak
Хм.. ну я меняю в боди фонт-сайз и относительно его меняется отступ бэкграунда..
Код: body {
background: url('***') no-repeat top left;
font-size: 1em;
background-position: 2em 1em;
}
Хм.. ну я меняю в боди фонт-сайз и относительно его меняется отступ бэкграунда..
Код: body {
background: url('***') no-repeat top left;
font-size: 1em;
background-position: 2em 1em;
}
Agent_SMIT
Спасибо, значит относительная размера текста.
Спасибо, значит относительная размера текста.
А много кто применяет при верстки модульную сетку?
Djeak
Это уже мини-фреймворк получается.. Удобство в работе с ними мне кажется сомнительным, пробовал верстать с Blueprint'ом, как-то не по душе. Чем разбираться в работе чужого кода, пускай и один раз, лучше свой под конкретный случай напишу..
Это уже мини-фреймворк получается.. Удобство в работе с ними мне кажется сомнительным, пробовал верстать с Blueprint'ом, как-то не по душе. Чем разбираться в работе чужого кода, пускай и один раз, лучше свой под конкретный случай напишу..
В смысле свой код?
Например, нужно сверстать шаблон из psd, шаблон нарисовать, в нем присутствует модульная сетка. Ведь чтобы сверстать правильно шаблон, нужно везде соблюдать такие же отступы какие и в psd.
Хотя я уже запутался что такое модульная сетка и кем она применяется, тем кто рисует шаблон или те кто верстает и как ей пользоваться.
Например, нужно сверстать шаблон из psd, шаблон нарисовать, в нем присутствует модульная сетка. Ведь чтобы сверстать правильно шаблон, нужно везде соблюдать такие же отступы какие и в psd.
Хотя я уже запутался что такое модульная сетка и кем она применяется, тем кто рисует шаблон или те кто верстает и как ей пользоваться.
Djeak
Цитата:
Так без разницы как и при помощи чего ты обозначишь блоки и дашь им нужные размеры с отступами и прочим.
Про смысл задумки сетки на вот почитай
http://css-framework.ru/doc/layout-grid/
Добавлено:
Но я не считаю это адекватным инструментом. Чтобы лепить на скоряк стандартные шаблоны, да, подходит. А в случае чего-то дельного роль играет каждый пиксель, и в фреймворке его менять нельзя, надо дописывать рядышком заглушку в цсс.
Цитата:
Ведь чтобы сверстать правильно шаблон, нужно везде соблюдать такие же отступы какие и в psd.
Так без разницы как и при помощи чего ты обозначишь блоки и дашь им нужные размеры с отступами и прочим.
Про смысл задумки сетки на вот почитай
http://css-framework.ru/doc/layout-grid/
Добавлено:
Но я не считаю это адекватным инструментом. Чтобы лепить на скоряк стандартные шаблоны, да, подходит. А в случае чего-то дельного роль играет каждый пиксель, и в фреймворке его менять нельзя, надо дописывать рядышком заглушку в цсс.
Agent_SMIT
Понятие модульной сетки многогранно.
Я имел ввиду вот такие сетки: http://cherenkevich.livejournal.com/38085.html?page=2#comments
Добавлено:
Да, еще вопрос.
Для проверки кросбраузерности, помимо онлайн ресурсов, чем можно пользоваться? Чтобы проверить как шаблон смотрится в IE 6-8 и тд. Под Win 7 есть какие-нибудь программы?
А то для проверки онлайн должен быть уже готовый сайт.
Понятие модульной сетки многогранно.
Я имел ввиду вот такие сетки: http://cherenkevich.livejournal.com/38085.html?page=2#comments
Добавлено:
Да, еще вопрос.
Для проверки кросбраузерности, помимо онлайн ресурсов, чем можно пользоваться? Чтобы проверить как шаблон смотрится в IE 6-8 и тд. Под Win 7 есть какие-нибудь программы?
А то для проверки онлайн должен быть уже готовый сайт.
Djeak
Цитата:
Только там с дизайном связано, а мы об CSS тут говорим..
Цитата:
У меня просто установлены все браузеры
Правда ие только 8-ой, но что будет косячить в шестом интуитивно понятно уже.
Цитата:
Понятие модульной сетки многогранно.
Я имел ввиду вот такие сетки: http://cherenkevich.livejournal.com/38085.html?page=2#comments
Только там с дизайном связано, а мы об CSS тут говорим..
Цитата:
Для проверки кросбраузерности, помимо онлайн ресурсов, чем можно пользоваться?
У меня просто установлены все браузеры
Правда ие только 8-ой, но что будет косячить в шестом интуитивно понятно уже.
Вот я и хочу понять, та статья относится для тех кто рисует шаблон получается, а для тех кто верстает, это не обязательно.
А я вот как раз хотел поставить IE от 6 версии, пока это не дошло до интуитивного процесса =)
А я вот как раз хотел поставить IE от 6 версии, пока это не дошло до интуитивного процесса =)
Здравствуйте.
Тренируюсь верстать шаблоны. Скажите, а линейка в фотошопе соответствует пиксилям прописываемых в дремвивере?
У меня почему нет. В одном случае: длина рамки 9px, в дримвивере прописал 18 чтобы элементы приняли нужные позиции друг к другу.
Так же с меню, высота от верхней границы хедера до начала заглавной буквы 54px а указываю в дримвивере, то съезжает намного ниже.
В чем может быть проблема?
Тренируюсь верстать шаблоны. Скажите, а линейка в фотошопе соответствует пиксилям прописываемых в дремвивере?
У меня почему нет. В одном случае: длина рамки 9px, в дримвивере прописал 18 чтобы элементы приняли нужные позиции друг к другу.
Так же с меню, высота от верхней границы хедера до начала заглавной буквы 54px а указываю в дримвивере, то съезжает намного ниже.
В чем может быть проблема?
Добрый день. Есть код :
<div class="wrap">
<div class="left">
</div>
<div class="content">
</div>
<div class="right">
</div>
</div>
.wrap{
margin: 0 auto;
padding: 0;
width:80%;
height: 150px;
padding: 0;
min-width: 800px;
max-width: 2080px;}
.left, .right{
width: 44px;}
Как добиться того чтоб "content" занимал все оставшиеся пространство посередине?
Добавлено:
разобрался
<div class="wrap">
<div class="left">
</div>
<div class="content">
</div>
<div class="right">
</div>
</div>
.wrap{
margin: 0 auto;
padding: 0;
width:80%;
height: 150px;
padding: 0;
min-width: 800px;
max-width: 2080px;}
.left, .right{
width: 44px;}
Как добиться того чтоб "content" занимал все оставшиеся пространство посередине?
Добавлено:
разобрался
Здравствуйте.
Как определить правильное расстояние между предметами, отступы и тд, чтобы прописать их в свойствах css.
Использую программу jrule, но она не соответствует линейки в фотошопе. Линейка фотошопа в px.
Как определить правильное расстояние между предметами, отступы и тд, чтобы прописать их в свойствах css.
Использую программу jrule, но она не соответствует линейки в фотошопе. Линейка фотошопа в px.
Djeak
Прямо в фотошопе выделяй, копируй и жми File->New, там подставляются размеры под изображение в буфере, вот и получаешь его размер
Прямо в фотошопе выделяй, копируй и жми File->New, там подставляются размеры под изображение в буфере, вот и получаешь его размер
как заставить div менять высоту автоматом?
Рис1 - корректное отображение.
Рис2 - высота страницы увеличилась, появилось белое место по бокам
страница размечена как таблица, слева и справа используются несколько div с разным фоном. Хочется чтобы появлялось не белое место, а один из div'ов растягивался.
Нужному div (line4) я указал height: auto, но работать не хочет.
[no]
.line1{
height:135px;
background-color: #f8c300;
width:auto;
}
.line2{
height:5px;
background-color: #abc3ce;
}
.line3{
height:452px;
background-image:url('images/line3.png');
background-repeat:repeat-x;
}
.line4{
background-color: #cccc99;
background-repeat:repeat-x;
background-repeat:repeat-y;
height: auto;
}
.line5{
height:68px;
background-image:url('images/line5.png');
background-repeat:repeat-x;
}
.line6{
height:110px;
background-image:url('images/line6.png');
background-repeat:repeat-x;
}
[/no]
please help!
Рис1 - корректное отображение.
Рис2 - высота страницы увеличилась, появилось белое место по бокам
страница размечена как таблица, слева и справа используются несколько div с разным фоном. Хочется чтобы появлялось не белое место, а один из div'ов растягивался.
Нужному div (line4) я указал height: auto, но работать не хочет.
[no]
.line1{
height:135px;
background-color: #f8c300;
width:auto;
}
.line2{
height:5px;
background-color: #abc3ce;
}
.line3{
height:452px;
background-image:url('images/line3.png');
background-repeat:repeat-x;
}
.line4{
background-color: #cccc99;
background-repeat:repeat-x;
background-repeat:repeat-y;
height: auto;
}
.line5{
height:68px;
background-image:url('images/line5.png');
background-repeat:repeat-x;
}
.line6{
height:110px;
background-image:url('images/line6.png');
background-repeat:repeat-x;
}
[/no]
please help!
Цитата:
Нужному div (line4) я указал height: auto, но работать не хочет.
почему б не задать ему высоту побольше, уложить нижним слоем (под прочие, и прикрепить к низу?
Тогда при удлиннении страницы он только будет выползать из-под верхних. Вот и всё.
klimusu
Сам не проверял. Попробуй в див4 поставить прозрачный gif 1х1 указав для него размер по вертикали 100%.
Сам не проверял. Попробуй в див4 поставить прозрачный gif 1х1 указав для него размер по вертикали 100%.
Здравствуйте. Есть такой фон с градиентом. Как это можно сделать для резинового шаблона? Т.е. чтобы этот градиент на любом разрешение монитора был в углах.
Я думаю, что вставить фон без градиента, отдельно вырезать градиент по углам, по бокам и потом вставлять как прозрачные картинки. Но получается тогда много дивов. Подскажите, может есть какое-нибудь решение, до какого я не додумался.
Я думаю, что вставить фон без градиента, отдельно вырезать градиент по углам, по бокам и потом вставлять как прозрачные картинки. Но получается тогда много дивов. Подскажите, может есть какое-нибудь решение, до какого я не додумался.
Djeak
Цитата:
Цитата:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>test</title>
<style type="text/css">
img {
height: 100%;
width: 100%;
}
#bgn {
z-index: 1;
}
#up {
z-index: 3;
position: absolute;
width: 300px;
}
body {
background-color: #FFF;
margin: 0px;
}
</style>
</head>
<body>
<div id="up">
Hello
</div>
<div id="bgn">
<img src="99116058.jpg" width="1000" height="1107" />
</div>
</body>
Страницы: 12345678910111213141516171819202122232425262728293031
Предыдущая тема: Вопрос к знатокам CSS
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.