Описание тега code в CSS

PaLyCH

Давно я тут
956
146 / 19
Менеджер проектов

Киньте идею, как мне красиво оформить тег <code>. Конечно через CSS. На данный момент это выглядит ужасно. Картинку прилагаю. Хочется оформить как блок див или параграф. Чтобы фон был равномерным, а не только фон за текстом.

Код

code {
	background-color: #b9dafb;
	/*border: 1px solid #bbb;*/
	margin-left:15px;
	text-align: left;
}

[вложение удалено Администратором]

Записан

Исполняю нескромные мечты

one_more

Захожу иногда
139
87 / 3
there is no spoon

Re: Описание тега code в CSS

« Ответ #1 : 08.03.2008, 23:55:33 »

Цитата: PaLyCH от 08.03.2008, 20:05:42

Киньте идею, как мне красиво оформить тег <code>. Конечно через CSS. На данный момент это выглядит ужасно. Картинку прилагаю. Хочется оформить как блок див или параграф. Чтобы фон был равномерным, а не только фон за текстом.

Ну так сделайте элемент блочным, и можете задавать ему любые свойства блока.

code {
display: block;
   background-color: #b9dafb;
   /*border: 1px solid #bbb;*/
   margin-left:15px;
   text-align: left;
}

Записан

Errare humanum est

PaLyCH

Давно я тут
956
146 / 19
Менеджер проектов

Re: Описание тега code в CSS

« Ответ #2 : 09.03.2008, 00:04:40 »

Оно, спасибо за помощь. +1. хотя я прописывал блок, но видимо кеш не обнулился.

Записан

Исполняю нескромные мечты

Как отменить переход на слеюующую строку после тега h1? Автор Apollon	Ответов: 3 Просмотров: 3888	04.08.2016, 23:20:50 от AlekVolsk
[Решено] Выравнять <img> внутри тега <a> Автор jetonz	Ответов: 5 Просмотров: 2686	27.04.2013, 11:37:42 от jetonz
Неправильно формируется отступ после тега "подробней" Автор Mr. Jasper	Ответов: 8 Просмотров: 1695	14.01.2013, 15:30:00 от Pazys
Помогите найти в template.css описание меню Автор detroyt	Ответов: 6 Просмотров: 3688	28.11.2012, 08:56:58 от sviriden
В исходном коде статьи два тега Title Автор King_Ring	Ответов: 7 Просмотров: 3072	27.06.2012, 16:20:16 от King_Ring

Описание тега code в CSS - Вопросы по CSS

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

PaLyCH

Описание тега code в CSS

one_more

Re: Описание тега code в CSS

PaLyCH

Re: Описание тега code в CSS

Похожие темы