ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Основы CSS

 

6703
Андрей @ZloVeЩиЙ
Андерлайн и solid\dashed\dotted\ - мне давно известны, пользуюсь часто.
Но это все равно не то...
Видел ссылки у которых линия отличается, цветом или стилем например от основного текста, сейчас попытаюсь найти что то..

0
2970
удалён @Foggy
ValdeZ правильно говорит. Это именно бордюр. Я сам когда-то это искал. Ничего кроме бордюра не нашёл. Полазай по css сайтов, на которых ты это увидел.

0
4875
ValdeZ @ValdeZ
ZloVeЩиЙ пишет:

Андерлайн и solid\dashed\dotted\ - мне давно известны, пользуюсь часто.
Но это все равно не то...
Видел ссылки у которых линия отличается, цветом или стилем например от основного текста, сейчас попытаюсь найти что то..

Ну и? Цвет один задать, а цвет рамки внизу другой....
а больше ничего и нет...

Отредактировано ValdeZ - 20.08.2009
0
3473
Фарид @F_a_R_i_D
вопрос

<link href="/themes/elike/css/reload.css?3" rel="stylesheet" type="text/css" />
<link href="/themes/elike/css/style.css?13" rel="stylesheet" type="text/css" />

что это?

0
2970
удалён @Foggy
я лично впервые такое вижу... думаю, что-то с пхп связанное...

0
2536
удалён @crigon
F_a_R_i_D пишет:

вопрос

<link href="/themes/elike/css/reload.css?3" rel="stylesheet" type="text/css" />
<link href="/themes/elike/css/style.css?13" rel="stylesheet" type="text/css" />

что это?

Чтобы CSS не кешировался

0
2970
удалён @Foggy
а почему именно 3 и 13?

0
7094
Dim @Render
Foggy пишет:

а почему именно 3 и 13?

Потому что - типо рандома. 🐱‍👤

0
2970
удалён @Foggy
то есть можно любые числа туда ставить? и что они означают тогда?
я похож на дурака... хотя я и есть дурак... ну не суть

0
8497
Степан @Trilby
Foggy пишет:

то есть можно любые числа туда ставить? и что они означают тогда?
я похож на дурака... хотя я и есть дурак... ну не суть

Если я все правильно понял - CSS так или иначе кешируется, но при каждой загрузке меняется ссылка, и считается как другой файл... Хотя может я и не прав.

0
6600
Александр @admiral
crigon впринципе коротко и понятно сказал уже) Используют это для того что бы сбросить кеш у пользователя, принудительно! Тоесть после .css прописывается ?254985 знако вопроса и всякий мусор, так как не всегда, и не все браузеры сбрасывают кеш, если например вы обновили стили.. Ну а мусор может быть любым)

PS кстате **********
Да и еще, практичнее было бы на мой взгляд этот мусор тоже держать в порядке, например так style.css?ver1, так хоть и самому понятно какая версия файлика стилей)

0
2970
удалён @Foggy
admiral, Спасибо большое) Понял суть даже не посмотрев хабр)
(хотел это в репу с плюсом, но понял, что туда тебе сегодня я уже писал)

0
5421
Глеб @Глебон
Подскажите пожалуйста как можно через CSS сделать, что бы фоновое изображение растягивалось по размерам экрана пользователя?

0
8497
Степан @Trilby
**********

на великом и могучем:
**********

Отредактировано Trilby - 30.12.2010
0
4151
Дмитрий @Pioner
В общем дошли мои руки до изучения блочной верстки, и стал вопрос есть блок и есть картинка которая должна быть фоном в данном случае фоном логотипа, и есть слой с текстом а теперь внимание вопрос как наложить текст в данном случае логотип на картинку тобиш текст поверх картинки)

0
8497
Степан @Trilby
в body:
  1. <div id='boltayka'>Твой текст</div>

в style
  1. div#boltayka {
  2. background: url('logofile.jpg') no-repeat;
  3. height: 100px;
  4. width: 500px;
  5. }

можно ещё через class'ы..
Будет выглядеть так:
  1. <div class='boltayka'>Твой текст</div>

а div#boltayka заменится на .boltayka

Отредактировано Trilby - 10.01.2011
0
6600
Александр @admiral
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  4. <title>MySite</title>
  5. <style type="text/css">
  6. #header {
  7. height: 200px; /* Высота блока */
  8. width: 200px; /* Ширина блока */
  9. background: #fc0 url('img/image1.jpg') no-repeat;
  10. }
  11. #logo {
  12. height: 100px; /* Высота блока */
  13. width: 100px; /* Ширина блока */
  14. background: #f00 url('img/image2.jpg') no-repeat;
  15. margin: 50px;
  16. padding: 50px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div id="header">
  22. <div id="logo">MySite</div>
  23. </div>
  24. </body>
  25. </html>

Это если два слоя с разными фоновыми картинками )
PS стили можно и в .css закинуть

0
1410
Антон @tonik
Доброго времени.
прописал для основного окна сайта тень:
box-shadow: -18px 0 20px -20px #333, 18px 0 20px -20px #333;
Начала дико тормозить прокрутка окна (скролинг)...
Подскажите, что не так...

0
1555
Алексей @TheDark
tonik пишет:

Доброго времени.
прописал для основного окна сайта тень:
box-shadow: -18px 0 20px -20px #333, 18px 0 20px -20px #333;
Начала дико тормозить прокрутка окна (скролинг)...
Подскажите, что не так...

у тебя почему-то 5 значений у свойства box-shadow. Должно быть 4: горизонталь, вертикаль, размытие и цвет. Вот ********** подробнее об этом.

0
1410
Антон @tonik
DarkLive пишет:

tonik пишет:

Доброго времени.
прописал для основного окна сайта тень:
box-shadow: -18px 0 20px -20px #333, 18px 0 20px -20px #333;
Начала дико тормозить прокрутка окна (скролинг)...
Подскажите, что не так...

у тебя почему-то 5 значений у свойства box-shadow. Должно быть 4: горизонталь, вертикаль, размытие и цвет. Вот ********** подробнее об этом.

4 позиция - это растяжение тени...
убрал его, тормозить перестало, но выглядит уж сильно жирно...
Инфу брал тут: **********
Но всё равно спасибо, подправлю...)

0





Согласие на обработку данных на нашем сайте

Продолжая просматривать страницу, вы соглашаетесь с использованием файлов «Cookie» и с Политикой конфиденциальности «Privacy».
Наверху или внизу страницы вы можете изменить валюту и язык по умолчанию. Английская версия сайта ещё находится в доработке и доступна не полностью.