Вопрос про CSS

  • Автор темы Ceruotob44
  • 47
  • Обновлено
  • 12, May 2024
  • #1
У меня возникла проблема с правильным расположением вещей. В идеале я хотел бы указать цену, затем количество и кнопку «Добавить в корзину». Вот как мой сейчас выглядит:
http://i.imgur.com/1BcVWg5.png

Вот мой CSS для каждого на данный момент: Коробка:






input.button{font-size:100%;margin:0;line-height:1;cursor:pointer;position:relative;font-family:inherit;text-decoration:none;overflow:visible;padding:.618em 1em;font-weight:700;border-radius:3px;float:right;color:#515151;background-color:#ebe9eb;border:0;white-space:nowrap;display:inline-block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}

Код (наценка): Цена:
  style="max-width:60px;float:right" 
Код (наценка): Количество:
  {line-height:1.8} 
Код (разметка): В корзину:
  style="border:4px solid #ccc; padding: 12px;" 
Код (разметка): Любая помощь приветствуется!

Ceruotob44


Рег
26 Dec, 2015

Тем
1

Постов
3

Баллов
13
  • 04, Jun 2024
  • #2
Это МНОГО CSS, чтобы выстроить в ряд три элемента в поле... На самом деле вам ничего из этого не нужно (ну, почти). Посмотрите здесь:
https://jsfiddle.net/zyaauu3c/
 

spazgan


Рег
20 Dec, 2014

Тем
1

Постов
3

Баллов
13
  • 07, Jun 2024
  • #3
Не просто много CSS, а много INLINED CSS, что автоматически означает, что вся кодовая база, вероятно, является мусором. Конечно, CSS без разметки, к которой он применяется, — это просто тарабарщина.
 

artich4


Рег
02 Mar, 2014

Тем
1

Постов
3

Баллов
13
  • 12, Jun 2024
  • #4
Если бы я был рядом с тобой, я бы сделал это вот так...
 <style>
.align{
display:inline-block;
}
</style>

<div class="align">box</div>
<div class="align">price</div>
<div class="align">quantity</div>
<button class="align"></button>
Код (разметка):
 

KIM3


Рег
06 Jan, 2012

Тем
1

Постов
3

Баллов
13
Тем
49554
Комментарии
57426
Опыт
552966

Интересно