ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите, как сделать это на CSS?
25 сообщений из 57, страница 1 из 3
  1  все
Помогите, как сделать это на CSS?
    #39503026
7Lexus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
7Lexus
Гость
Как в тексте сделать выделение вот таким манером? То есть тонкая линия вокруг текста со слегка закругленными углами.

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

http://htmlbook.ru/css/border
http://htmlbook.ru/css/border-radius
...
Рейтинг: 0 / 0
10.08.2017, 07:18
| Ответить | Цитировать | Написать  
Помогите, как сделать это на CSS?
    #39503045
7Lexus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
7Lexus
Гость
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, 07:43
| Ответить | Цитировать | Написать  
Помогите, как сделать это на CSS?
    #39503052
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
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, 08:20
| Ответить | Цитировать | Написать  
Помогите, как сделать это на CSS?
    #39503069
7Lexus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
7Lexus
Гость
krvsaИД применяется для уникальных на странице элементов. Классы используют для целых групп однотипных элементов.
Т.ч. правильно или нет - решать тебе.

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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


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