Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
befenator

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если бы кто-то объяснил все, как для чайника... Пошагово! В такой-то файл прописываешь то, такой-то то...

Всего записей: 2 | Зарегистр. 05-08-2008 | Отправлено: 17:23 15-04-2010
xntx



хнотик-багоискатель
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Привет, ищу помощь, так как уже пару дней не могу справится с одной задачей. Нужно на css смакетировать вот такой div:

 
Uploaded with ImageShack.us
Красное это картинка, синий это текст, а зеленый это другой див. Дело в том что текста синего может быть больше или меньше, но зеленый элемент дожен висеть всегда в нижнем правом углу.
Заранее спасибо, если просто ткнете носом в линк куда копать, мне хватит

Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 19:02 03-05-2010
obla4ko4240019



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xntx

Цитата:
зеленый элемент дожен висеть всегда в нижнем правом углу

в нижнем правом углу черного контейнера, или синего?

Всего записей: 3275 | Зарегистр. 14-09-2005 | Отправлено: 19:20 03-05-2010
xntx



хнотик-багоискатель
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Черного, синий я хочу чтоб его обтекал текстом (если достаточно текста, конечно)

Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 19:24 03-05-2010
obla4ko4240019



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xntx
что-то не получается: текстом не хочет обтекать...

Всего записей: 3275 | Зарегистр. 14-09-2005 | Отправлено: 20:52 03-05-2010
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xntx
копать тут  

Код:
<div style='width:300px;height:auto;position:relative;border: 1px solid black'>
<img src='img.png' style='float:left;border: 1px red solid'>
А тут пошел всяческий текст и не только
<div style='position:absolute;bottom:0px;right:0px;border:1px solid green'>фиксированный div</div>
</div>

ps: правда не проверял насчет обтекания текстом нижнего .. сейчас посмотрю
pps: в общем вот
http://stackoverflow.com/questions/499829/css-wrap-text-around-a-bottom-right-div

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:00 03-05-2010 | Исправлено: Cheery, 23:13 03-05-2010
xntx



хнотик-багоискатель
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Большое спасибо! Обтекает все как надо, мне просто в голову не пришло (потому что документацию плохо читал) сделать наружный div чтоб был position: relative

Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 00:25 04-05-2010
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xntx

Цитата:
Обтекает все как надо

так показывайте, чтобы и остальным было видно

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:40 04-05-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
hi
 
есть два слова, разного цвета
 
Пример: зеленый красный
 
Нужно сделать эти два слова одной ссылкой, чтобы цвета сохранились - это получается решить.
А вот как сделать чтобы при наведении курсора на ссылку, оба слова становились одного цвета?

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 19:26 02-06-2010
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
klimusu
 

Код:
<style>
a:hover span { color:blue !important; }
</style>
<a href="#"><span style="color:green;">зеленый</span> <span style="color:red;">красный</span></a>


----------
мой блог

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 19:36 02-06-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
andead
искренне благодарен!

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 19:50 02-06-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
есть таблица:
 
<table width="100px">
<tr><td>
<img src="images/file.png">
</td></tr>
</table>
 
размер файла 150х150
как сделать чтобы картинка НЕ расширяла таблицу до 150, а просто вылазила за границу (получается на 50px)?

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 20:02 05-09-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

<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>
 
откуда берется бордер в 1px, мать его?

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 10:53 11-09-2010 | Исправлено: klimusu, 10:53 11-09-2010
obla4ko4240019



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
klimusu
из дефолтных свойств браузера?
поставь border:0 везде

Всего записей: 3275 | Зарегистр. 14-09-2005 | Отправлено: 11:18 11-09-2010
klimusu



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
obla4ko4240019
я взял expression web4, начал вертеть.. создал таблицу, везде белый бордер примерно в 1px
Вот пример:
http://www.glowfoto.com/static_image/11-004913L/6541/png/09/2010/img6/glowfoto
(горизонтальные белые линии)
 
Добавлено:
Надо было в свойствах страницы выставить в ноль cellpadding и cellcellspacing
Но почему тогда средства разработчика в IE (F12) не говорили что cellpadding и cellcellspacing имеют какие-то значения?

Всего записей: 931 | Зарегистр. 23-01-2006 | Отправлено: 11:37 11-09-2010 | Исправлено: klimusu, 11:56 11-09-2010
obla4ko4240019



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
klimusu
так любой браузер имеет какие-то свои дефолтные значения, поэтому и рекомендуют для простоты верстки подключать сброс стилей. вот например самый известный ластик http://meyerweb.com/eric/tools/css/reset/

Всего записей: 3275 | Зарегистр. 14-09-2005 | Отправлено: 12:35 11-09-2010
carv

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, как реализовать кнопку в форме поиска на спрайтах?

Всего записей: 24 | Зарегистр. 27-12-2009 | Отправлено: 14:12 20-09-2010
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
carv

Цитата:
Подскажите, как реализовать кнопку в форме поиска на спрайтах?

а точнее?
как использовать картинку в фоне кнопки? так же, как и везде..
а если хочется "спрайт", то добавляется сдвиг до нужно позиции и все.


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:55 20-09-2010
Virtus91



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите с помощью какой программы удобнее всего работать с CSS?

Всего записей: 101 | Зарегистр. 26-09-2010 | Отправлено: 16:11 27-09-2010
BlackVetal



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Virtus91
Самое элементарное и надежное - блокнот
А если серьезно - любой в принцепе инструмент для верстки страниц - Dreamweaver (Adobe), если не ошибаюс, Publisher (MS Office) ...

Всего записей: 1094 | Зарегистр. 13-11-2005 | Отправлено: 06:26 28-09-2010
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru