ребята,а Photoshop отменили за ненадобностью? На сколько идет выигрыш в размере, к примеру, если черный квадрат 50х50 сделать фоном и его же в photoshop. Нужна ли морока?
Нет, html код красиво вставлен, слов нет, и с номерами строк даже
Здесь когда-то было изображение.
только вот из-за номеров строк великая и могучая техника copy/paste требует непосильного ручного труда :)
я-то думал — только я такой ленивый... подставь вместо "Какой нибудь текст" например вот это "" и вместо "#666" везде по тексту цвет рамки рисунка — и будет тебе щааасье ...
Блин, Trinux! Я же спрашивал, делает ли кто NNM на CSS — Сказали делают. А такой элементарный вопрос решить не хотите!
1 решение: задать тегу span — задать тип block
2 решение: использовать тэг div: (спасибо за код dovlet187)
body,html
{
margin:0;
padding:0;
}
div.inner,
{
margin:0px;
}
div.frame
{
position:relative;top:100px;left:10%;
width:50%;
height:70px;
margin:0px;
}
div.inner
{
background:#000000;
color:#ffffff;
}
div.bord
{
margin:0 1px;
height:1px;
overflow:hidden;
background:#000000;
}
Untitled Document
Nemitko N.A for Trinux
Сохрани код. Открой в браузере и измени окно.
Технологически новое — это "резиновая" вёрстка. Может быть я по спешке не упростил код, к примеру глупо писать color:#ffffff; — когда можно просто:
color:#fff; И вообще можно код сократить нехило.
Читай мальчик спецификацию. А ссылку на ВАС дал потому, что использовал Ваш код что-бы показать именно резиновую вёрстку.
резиновой она была и до твоего вмешхательства. едиственное что я там нового вижи так это — маргин для иннер. остальное обычное blah... а на счет спецификации — я уже 3 года работаю как профессионалный веб девелопепор, 42 сайта за плечами, все xhtml 1.0 strict или xhtml 1.1... думаю все сказано....
удивительно.... а твой код открыл — а он не резиновый... Что я не так сделал? Блин, задел пацана за живое. Всё... три года... ууу... Нашёл чем хвастать. Особенно радуют xhtml в списке, ты ещё скажи, что исключительно CSS — вёрстка, похохочем все вместе. :-) Во-во сказано :-)
/ошибка — указание ширины в px, +ещё одна вытекающая. IE6/5/5.5/ Opera Firefox1.0.1->1.5 Konqueror/
_____________________________
Фиг с ним, Trinux, убей мой пост пожалуйста, кому надо тот резину сам сделает. Голова и мануал рулят.
на будушее — если ты пишеш xhtml то советую обязательно использовать css. понимаешь, xhtml это логика а css — презентация. без css, xhtml просто набор даты. я когда писал просто расчитывал на человека который в этом хоть что то понимает. толко по это и написал "думаю все сказано...."
ЗЫ — использовал px толко для конкретного примера. если поменять px на % будет тебе резина.
Не хочу с Вами спорить :-) Я начинал с табличной вёрстки, лет 5 назад и ДРУГОГО варианта не существовало для ОДИНАКОВОГО отображения в броузерах.
И на CSS _вёрстку_ перешёл с удовольтсвием и то ж давно. Однако, много зависит от видения дизайнера и очень часто от Клиента :-(
зы
Поменяй px на % и открой в _бразуерах_ — расплывается. Поэтому я и сделал небольшие изменения. А для сокращения взял Ваш код, если Вас это обидело, простите — но Вас, как Автора указал. А вы начинаете "мерятся px-алами". :-)
:) неа... мерятся не буду... код не обидел.... просто серёзно, без подъ*бов и тд. не увидел ничего нового... вот и спросил... обидел мальчик... у меня 2 детей...
:-) Улыбнуло.
И что, дети помогают в работе? Страницу верстать? :-) ню-ню...
(по секрету, у меня один малыш за двоих. Шалопай.)
А всё началось с того, что в комментах просили "резину".
Есть такая категория верстальщиков "начинающие" им иногда проще пальцем показать, чем думать заставить.
Комментарии
Фотошоп гораздо проще и удобнее
Здесь когда-то было изображение.
только вот из-за номеров строк великая и могучая техника copy/paste требует непосильного ручного труда :)
.line
{
padding-left: 1px;
padding-right:1px;
}
.topline
{
border-top:none;
border-right:none;
border-left:none;
border-bottom:#066 1px solid;
width:100%;
}
.bottomline
{
border-top:#066 1px solid;
border-right:none;
border-left:none;
border-bottom:none;
width:100%;
}
.bodystyle
{
color:white;
background-color:#666;
padding-left:3px;
padding-right:3px;
}
Какой нибудь текст
Вот чет-то к картинкам, типа Гифа не подходит :(
1 решение: задать тегу span — задать тип block
2 решение: использовать тэг div: (спасибо за код dovlet187)
body,html
{
margin:0;
padding:0;
}
div.inner,
{
margin:0px;
}
div.frame
{
position:relative;top:100px;left:10%;
width:50%;
height:70px;
margin:0px;
}
div.inner
{
background:#000000;
color:#ffffff;
}
div.bord
{
margin:0 1px;
height:1px;
overflow:hidden;
background:#000000;
}
Untitled Document
Nemitko N.A for Trinux
Технологически новое — это "резиновая" вёрстка. Может быть я по спешке не упростил код, к примеру глупо писать color:#ffffff; — когда можно просто:
color:#fff; И вообще можно код сократить нехило.
Читай мальчик спецификацию. А ссылку на ВАС дал потому, что использовал Ваш код что-бы показать именно резиновую вёрстку.
/ошибка — указание ширины в px, +ещё одна вытекающая. IE6/5/5.5/ Opera Firefox1.0.1->1.5 Konqueror/
_____________________________
Фиг с ним, Trinux, убей мой пост пожалуйста, кому надо тот резину сам сделает. Голова и мануал рулят.
ЗЫ — использовал px толко для конкретного примера. если поменять px на % будет тебе резина.
И на CSS _вёрстку_ перешёл с удовольтсвием и то ж давно. Однако, много зависит от видения дизайнера и очень часто от Клиента :-(
зы
Поменяй px на % и открой в _бразуерах_ — расплывается. Поэтому я и сделал небольшие изменения. А для сокращения взял Ваш код, если Вас это обидело, простите — но Вас, как Автора указал. А вы начинаете "мерятся px-алами". :-)
И что, дети помогают в работе? Страницу верстать? :-) ню-ню...
(по секрету, у меня один малыш за двоих. Шалопай.)
А всё началось с того, что в комментах просили "резину".
Есть такая категория верстальщиков "начинающие" им иногда проще пальцем показать, чем думать заставить.
Там свойство azimuth есть... Можно радиус дуги задавать...
Эх...
Бьюсь уже много времени никак не плучатся! Вопрос ребром лыжи или я!