Гиперссылки в одну строку

@ru_LAN · Регистрация: 13.11.2011

Студворк — интернет-сервис помощи студентам

Добрый день. Имеются 2 ссылки к примеру:

HTML5
1
2
3
4
<body>
<p class="1_1"><a href="#">1</a></p>
<p class="1_2"><a href="#">2</a></p>
</body>

по каким-то причинам каждая ссылка начинается с новой строки, не могли бы подсказать как сделать их в 1 строку. Спасибо.

@pav1uxa · 24.01.2014, 22:52

по причине тега (параграф, абзац).

@newJS · 25.01.2014, 09:31

Сообщение от ru_LAN

по каким-то причинам каждая ссылка начинается с новой строки

не с новой строки, а через строку, тег Р еще и пустую строку добавляет

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

@Web-ulyanov · 25.01.2014, 18:00

ru_LAN,
Как сказали господа выше, то p является блочным элементом и занимает всю ширину родителя.Впрочем вы можете переназначить отображение для этих элементов сделав их строчными, строчно-блочными или задав float.

CSS
1
2
3
4
5
p{
 display:inline;
 display:inline-block;
 float:left;
}

Выбирайте один из способов приведенных выше, либо заключайте все ссылки в один тег

@ru_LAN · 26.01.2014, 23:09 **[ТС]**

Web-ulyanov, я уже разобрался, спасибо. Да, действительно забыл про то что это абзац. Думал, что если я в CSS задаю свойства, то будут выполняться только те что я задаю. Нужно чтоб ссылки были каждая отдельно. Везде разные шрифты, цвета, размеры и прочее.
Возможно как нибудь назначать ссылки без таких тегов как: , , и так далее?

@pav1uxa · 26.01.2014, 23:54

Сообщение от ru_LAN

Возможно как нибудь назначать ссылки без таких тегов как: , , и так далее?

Совершенно непонятен вопрос. Ссылка это тег <a>, больше никаких тегов для нее не нужно. это параграф (абзац), жирный шрифт, курсив. И между собой они никак не связаны.

@ru_LAN · 28.01.2014, 18:02 **[ТС]**

Сообщение от pav1uxa

Совершенно непонятен вопрос. Ссылка это тег <a>, больше никаких тегов для нее не нужно. это параграф (абзац), жирный шрифт, курсив. И между собой они никак не связаны.

Если я напишу

HTML5
1
<g class="1_2"><a href="#">2</a></g>

то класс работать не будет, т.к. <g> не является тегом. Т.е. можно вызывать свойства(файл css) каким-нибудь другим способом.

@monochromer · 28.01.2014, 19:31

Сообщение от ru_LAN

класс работать не будет, т.к. <g> не является тегом.

Некоторые браузеры (тестировал в последнем Chrome) прекрасно отображают и такие "придуманные" тэги
http://jsbin.com/OZUpOnEf/1/edit?html,css,output

@pav1uxa · 28.01.2014, 19:52

Сообщение от ru_LAN

то класс работать не будет, т.к. <g> не является тегом. Т.е. можно вызывать свойства(файл css) каким-нибудь другим способом.

А тега <a> Вам не достаточно? <a href="#" class="1_2">2</a> тоже будет неплохо работать... Ну а вообще можно использовать <div>.

@monochromer · 30.01.2014, 18:30

Сообщение от monochromer

Некоторые браузеры (тестировал в последнем Chrome) прекрасно отображают и такие "придуманные" тэги

Тут я, конечно, отморозил. Тег g же в SVG используется.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@pav1uxa 1943 / 1768 / 825 Регистрация: 23.01.2014 Сообщений: 6,230
	24.01.2014, 22:52
	по причине тега <p> (параграф, абзац). 0

@ru_LAN 15 / 15 / 1 Регистрация: 13.11.2011 Сообщений: 309
	26.01.2014, 23:09 [ТС]
	Web-ulyanov, я уже разобрался, спасибо. Да, действительно забыл про то что это абзац. Думал, что если я в CSS задаю свойства, то будут выполняться только те что я задаю. Нужно чтоб ссылки были каждая отдельно. Везде разные шрифты, цвета, размеры и прочее. Возможно как нибудь назначать ссылки без таких тегов как: <p>, <b>, <i> и так далее? 0