Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, как сделать это на CSS? / 25 сообщений из 57, страница 1 из 3
  1  все
10.08.2017, 06:04
    #39503026
7Lexus
7Lexus
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
Как в тексте сделать выделение вот таким манером? То есть тонкая линия вокруг текста со слегка закругленными углами.

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 07:18
    #39503035
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
7Lexus,

http://htmlbook.ru/css/border
http://htmlbook.ru/css/border-radius
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 07:43
    #39503045
7Lexus
7Lexus
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVostt,
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
  <style>
   span  {
border: 1px solid gray;
padding: 0 5 0 5;
border-radius: 3px;
   }
  </style>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <span> sed diem nonummy</span>
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.



А как сделать, чтобы не на весь span назначен был стиль, а через имя? Вот так почему-то не работает:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
  <style>
   .pn  {
border: 1px solid gray;
padding: 0 5 0 5;
border-radius: 3px;
   }
  </style>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <span style="pn"> sed diem nonummy</span>
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.





а вот так работает: (но правильно ли это?)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
  <style>
   #pn  {
border: 1px solid gray;
padding: 0 5 0 5;
border-radius: 3px;
   }
  </style>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <span id="pn"> sed diem nonummy</span>
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    <span> enim ad minim veniam,</span> quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 08:20
    #39503052
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
7LexusА как сделать, чтобы не на весь span назначен был стиль, а через имя? Вот так почему-то не работает:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
  <style>
   .pn  {
border: 1px solid gray;
padding: 0 5 0 5;
border-radius: 3px;
   }
  </style>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <span style="pn"> sed diem nonummy</span>
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.


Ты не тот атрибут используешь...
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
  <style>
   .pn  {
border: 1px solid gray;
padding: 0 5 0 5;
border-radius: 3px;
   }
  </style>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <span class="pn"> sed diem nonummy</span>
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.




7Lexusа вот так работает: (но правильно ли это?)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
  <style>
   #pn  {
border: 1px solid gray;
padding: 0 5 0 5;
border-radius: 3px;
   }
  </style>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, <span id="pn"> sed diem nonummy</span>
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
    <span> enim ad minim veniam,</span> quis nostrud exerci tution ullamcorper suscipit lobortis 
    nisl ut aliquip ex ea commodo consequat.


ИД применяется для уникальных на странице элементов. Классы используют для целых групп однотипных элементов.
Т.ч. правильно или нет - решать тебе.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 09:06
    #39503069
7Lexus
7Lexus
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
krvsaИД применяется для уникальных на странице элементов. Классы используют для целых групп однотипных элементов.
Т.ч. правильно или нет - решать тебе.

таки да.
всем спасибо. вопрос закрыт.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 10:11
    #39503153
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
krvsaТ.ч. правильно или нет - решать тебе.

Ни в коем случае! Всё уже давно решено, стили вешать на id — злющее зло.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 12:54
    #39503281
7Lexus
7Lexus
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVosttстили вешать на id — злющее зло.

А вот тут мне всегда было интересно... почему?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 12:56
    #39503282
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
7LexushVosttстили вешать на id — злющее зло.

А вот тут мне всегда было интересно... почему?

Потому что такое правило нельзя применить на странице ещё раз, что противоречит философии стилей.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 13:33
    #39503334
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVosttПотому что такое правило нельзя применить на странице ещё раз, что противоречит философии стилей.
На то он и ИД.
И "противоречие философии стилей" это что-то новенькое...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 13:42
    #39503344
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
krvsaНа то он и ИД.
И "противоречие философии стилей" это что-то новенькое...

Философия стилей: отделить стили документа от разметки в целях переиспользования стилей. Если 1996 год изобретения CSS для вас «это что-то новенькое», у меня для вас плохие новости :)

Ну и про ID в стилях уже только ленивый не сказал.
Чё повторяться-то с бесконечными объяснениями?

Правило: если очень хочется и некому вдарить по рукам, то конечно можно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 14:11
    #39503375
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVostt , ты можешь подкалывать меня сколько хочешь... Но ИД от этого не потеряет своего определения.
Да под директора ЦСС не стоит косить. Селектор идентификатора никто не уберет и он будет работать как нужно всегда.


Если у тебя (или кого-то еще) руки кривые или ты (кто-то другой) не умеешь пользоваться этим типом селектора, не нужно из-за этого предавать его анафеме.

За сим откланиваюсь и далее в прениях по поводу плохости селектора идентификатора не участвую.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 14:19
    #39503381
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
krvsa hVostt , ты можешь подкалывать меня сколько хочешь... Но ИД от этого не потеряет своего определения.
Да под директора ЦСС не стоит косить. Селектор идентификатора никто не уберет и он будет работать как нужно всегда.

А с директором CSS бы ты не спорил, так? ахах

krvsaЕсли у тебя (или кого-то еще) руки кривые или ты (кто-то другой) не умеешь пользоваться этим типом селектора, не нужно из-за этого предавать его анафеме.

Очень странная позиция и сомнительной пользы вывод. Зачем было тратить столько букв?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 18:52
    #39503666
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
krvsa, ты больше слушай hVostt , он тебе ещё и не такого насоветует...
навешивание стилей на id есть самый быстрый вариант.
авторПотому что такое правило нельзя применить на странице ещё раз, что противоречит философии стилей. у тебя один элемент и ты когда-нибудь , возможно создашь на этой странице ещё такой и вот для этого ...
авторПотому что такое правило нельзя применить на странице ещё раз, что противоречит философии стилей.
бред
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:01
    #39503672
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
вадяkrvsa, ты больше слушай hVostt , он тебе ещё и не такого насоветует...
навешивание стилей на id есть самый быстрый вариант.

Самый тупой вариант.


вадяу тебя один элемент и ты когда-нибудь , возможно создашь на этой странице ещё такой и вот для этого ...

Сильная связность. Я канеш понимаю, что объяснять такие очевидные вещи даже попугаю будет больше пользы, но надежд я не теряю, что и тебе сверкнёт удача в виде проблеска разума :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:07
    #39503674
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
вадянавешивание стилей на id есть самый быстрый вариант.
классы назначить многострадальному элементу - это шибко медленно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:11
    #39503676
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVosttСамый тупой вариант.после такого, с тобой просто не о чём говорить. продолжай дальше бредить...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:13
    #39503677
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
Изопропилвадянавешивание стилей на id есть самый быстрый вариант.
классы назначить многострадальному элементу - это шибко медленно?

В век JSS, инкапсулированных в компоненты стилей, id вообще идут лесом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:14
    #39503678
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
вадяhVosttСамый тупой вариант.после такого, с тобой просто не о чём говорить. продолжай дальше бредить...

Чтобы о чём-то говорить, надо чтобы было о чём. А ты даже базовых понятий не имеешь.
Поэтому ты выглядишь как малыш, который в очередной раз тупо сливается обиженно дуя губы :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:17
    #39503679
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVosttПотому что такое правило нельзя применить на странице ещё раз, что противоречит философии стилей.
Мне тоже интересно. Тема с...к не раскрыта.
ПС. Хвост, а ты знаешь, как динамически по комбику изменять стили на уже загруженной странице? Только на мой пост не ссылайся. ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:27
    #39503683
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
ShSergeМне тоже интересно. Тема с...к не раскрыта.
ПС. Хвост, а ты знаешь, как динамически по комбику изменять стили на уже загруженной странице? Только на мой пост не ссылайся. ;)

Самый простой вариант:

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
.theme-green {
   button { background: green; }
   h1 { color: green; }
}

.theme-yellow {
   button { background: yellow; }
   h1 { color: yellow; }
}



Код: html
1.
2.
3.
4.
5.
<div class="theme-yellow">
    <h1>Hallo bro!</h1>
    <button>Click me!</button>
    ... 
</div>



Пусть твой дропик меняет класс theme-yellow на theme-green. Это же основы CSS.
На LESS/SCSS такие темы бацаются вообще в кайф.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:28
    #39503684
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
Изопропилвадянавешивание стилей на id есть самый быстрый вариант.
классы назначить многострадальному элементу - это шибко медленно?классы назначит - не медленно.
когда необходимо для 1 элемента назначить - зачем присваивать для этого класс?
при применении стилей элемент по id ищется в dom гораздо быстрее, по классу просматривается всегда весь dom, по id только до найденного. так зачем делать заведомо лишнее? тут не шибко медленно, тас не шибко, и там...
в итоге страница получается тормознутая
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:30
    #39503685
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
вадяклассы назначит - не медленно.
когда необходимо для 1 элемента назначить - зачем присваивать для этого класс?
при применении стилей элемент по id ищется в dom гораздо быстрее, по классу просматривается всегда весь dom, по id только до найденного. так зачем делать заведомо лишнее? тут не шибко медленно, тас не шибко, и там...
в итоге страница получается тормознутая

Что нисёт етот чиловек
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:33
    #39503686
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
hVostt,

https://jsfiddle.net/v24unk2u/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:34
    #39503687
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
ShSerge,

Ещё так можно https://codepen.io/mikedascola/pen/bpoWdg
Но это конечно адище, подойдёт наверное ток для демок, ну или сменить стиль форума в настройках...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.08.2017, 19:35
    #39503688
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите, как сделать это на CSS?
вадяhVostt,

https://jsfiddle.net/v24unk2u/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, как сделать это на CSS? / 25 сообщений из 57, страница 1 из 3
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 185ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1444510]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 69ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 60ms
get tp. blocked users:
 2ms
others: 11ms
total:  185ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]