Отображение в одну строку

@skillful · Регистрация: 07.06.2010

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

Здравствуйте. Помогите изменить следующий код, что бы: напротив "Строка №1" (справа) было "№1", напротив "Строка №2" (справа) было "№2", напротив "Строка №3" (справа) было "№3". В коде представленном вам "№1" отображается ниже, чем "Строка №1". А нужно, что бы было паралельно.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<head>
   <title></title>
   <meta http-equiv="content-type" content="text/html; charset=windows-1251">
   <style>
      body {background: #ffffff; color: #000000; margin: 5px;}
      body, td {font-family: verdana,tahoma,arial; font-size: 95%;}
 
      #act {padding: 0px 5px;display: block;line-height: 20px;text-align: left; width:190px;margin:0;padding:0 8px 0 9px;}
      a.active#act,a:hover#act {background: #414;color: #FFF;cursor: pointer;}
      #act span {float: right;width:30px;margin:3px 0 0;}
   </style>
</head>
<body>
 
<p>
   <a href="" id="act">Строка №1<span>№1</span></a>
   <a href="" id="act">Строка №2<span>№2</span></a>
</p>
<div id="friend">
   <div id="">
      <a href="#" id="act" onclick="">Строка №3<span>№3</span></a>
   </div>
</div>
 
</body>
</html>

@Fedor92 · 04.06.2014, 23:28

Попробуйте убрать margin:3px 0 0; из #act span...

@skillful · 04.06.2014, 23:31 **[ТС]**

Fedor92, Не помогло, №1 просто поднялось вверх на 3 px

@Fedor92 · 04.06.2014, 23:37

Можно скрин... И сразу стрелкой покажите, как хотите чтобы было...

@skillful · 04.06.2014, 23:46 **[ТС]**

Не пойму как скрин вставить...

@Fedor92 · 04.06.2014, 23:49

Через меню, где скрепка нарисована... Сначала загрузить файл, а потом повторным нажатием на скрепку его выбрать надо...

@skillful · 04.06.2014, 23:59 **[ТС]**

Как есть

Название: 1.png
Просмотров: 205

Размер: 2.5 Кб

Как хотелось бы....
Название: 2.png
Просмотров: 204

Размер: 3.3 Кб

@BarbosLV · 05.06.2014, 00:01

Table - это классика детка))

HTML5
1
2
3
4
5
6
7
8
9
10
11
<table>
     <tr>
        <td><a href="" id="act">Строка №1<span>№1</span></a></td>
     </tr>
     <tr>
        <td><a href="" id="act">Строка №2<span>№2</span></a></td>
     </tr>
     <tr>
        <td><a href="#" id="act" onclick="">Строка №3<span>№3</span></a></td>
     </tr>
 </table>

@skillful · 05.06.2014, 00:05 **[ТС]**

BarbosLV, нужно без table

@Fedor92 · 05.06.2014, 00:05

То что вижу у себя:

Исходя из предложенного Вами кода...

@BarbosLV · 05.06.2014, 00:08

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

BarbosLV, нужно без table

Ну без таблицы тогда сделай тремя одинаковыми элементами а не мешай в кучу параграфы и дивы, и будет тебе счастье.

@skillful · 05.06.2014, 00:20 **[ТС]**

Fedor92, а я у себя вижу какой-то бред, ладно поищу другой код, спасибо...
BarbosLV, так и сделаю, наверное....

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+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, то после закрытия окошка. . .

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	04.06.2014, 23:28
	Попробуйте убрать margin:3px 0 0; из #act span... 0

@skillful 2 / 2 / 0 Регистрация: 07.06.2010 Сообщений: 52
	04.06.2014, 23:31 [ТС]
	Fedor92, Не помогло, №1 просто поднялось вверх на 3 px 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	04.06.2014, 23:37
	Можно скрин... И сразу стрелкой покажите, как хотите чтобы было... 0

@skillful 2 / 2 / 0 Регистрация: 07.06.2010 Сообщений: 52
	04.06.2014, 23:46 [ТС]
	Не пойму как скрин вставить... 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	04.06.2014, 23:49
	Через меню, где скрепка нарисована... Сначала загрузить файл, а потом повторным нажатием на скрепку его выбрать надо... 0

@skillful 2 / 2 / 0 Регистрация: 07.06.2010 Сообщений: 52
	04.06.2014, 23:59 [ТС]
	Как есть Как хотелось бы.... 0

@skillful 2 / 2 / 0 Регистрация: 07.06.2010 Сообщений: 52
	05.06.2014, 00:05 [ТС]
	BarbosLV, нужно без table 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	05.06.2014, 00:05
	Сообщение было отмечено skillful как решение Решение То что вижу у себя: Исходя из предложенного Вами кода... Миниатюры 1

@skillful 2 / 2 / 0 Регистрация: 07.06.2010 Сообщений: 52
	05.06.2014, 00:20 [ТС]
	Fedor92, а я у себя вижу какой-то бред, ладно поищу другой код, спасибо... BarbosLV, так и сделаю, наверное.... 0

Отображение в одну строку

Решение