Перейти к содержимому

MOAB

- - - - -

Подскажите, плиз, как сдвинуть текст с помощью CSS


  • Войдите, чтобы ответить
Сообщений в теме: 7

#1 Tata_N

Tata_N

    Статус: чайник,но со свистком

  • Активный участник
  • PipPipPipPip
  • 785 сообщений
289

Отправлено 11 Июль 2015 - 23:06

У меня табличная верстка. Мне нужно, чтобы текст, который в <p></p>, выводился в самом низу страницы, под таблицей.
Для этого я таблицу завернула в div, чтобы стилями текст внутри дива задвинуть вниз. Не получается!
Он у меня выводится строго НАД таблицей, а надо ПОД таблицей, но чтобы в коде был именно там, где он сейчас находится.

<!DOCTYPE html>
<html>
	<head></head>
	<body>
		<div class="wom1h2">
			<p></p>
			<table border="1"></table>
		</div>
	</body>
</html>

Вот стили - специально сделала цветные рамки, чтобы видеть, где что.
.wom1h2 {
  color:#44f116;  // отладочный
  border:0.5em solid #45f1db;   // отладочный
  font-family: verdana,lucida,tahoma,arial;
  font-size:1em;
  line-height:1.1em;
  text-align:justify;
  bottom: 5em;
}

p.wom1h2  { border:0.4em solid #f142eb; }

Наверное, я не понимаю, как взаимодействуют стили элементов, т.к. в начале мне казалось, что это не очень сложная задача. ;)
Подскажите, пожалуйста, как задвинуть текст?

Прикрепленные файлы



#2 Матумба

Матумба

    во имя матана

  • Участник
  • PipPipPipPipPip
  • 4 976 сообщений
6 217
  • ИзКрии

Отправлено 12 Июль 2015 - 03:21

нужен js

или подобное слово-которое-нельзя-произносить
Спойлер

"Бескорыстие и любовь к ближнему в себе надо давить"
Почти правильный сеосервис

#3 Valek

Valek

    ВСтатусе

  • Активный участник
  • PipPipPipPip
  • 1 394 сообщений
2 001
  • ИзРоссии :(

Отправлено 12 Июль 2015 - 05:06

Просмотр сообщенияTata_N сказал:

выводился в самом низу страницы
Задать тегу параграфу "position: absolute;" и с помощью "top, right, botton, left" задавать любое положение экрана.
Если в границах таблицы надо, то еще таблице задать "position: relative;"
UPD:
Опечатался.
Если в границах блока надо, то еще блоку задать "position: relative;"
Отличный хостинг низкие цены, высокое качество и SSL Ссылка на сайт

#4 Tata_N

Tata_N

    Статус: чайник,но со свистком

  • Активный участник
  • PipPipPipPip
  • 785 сообщений
289

TC Отправлено 12 Июль 2015 - 09:58

Просмотр сообщенияДартаньян сказал:

нужен js или подобное слово-которое-нельзя-произносить
;) с js совсем никак. И хотелось только стилями - кажется, Чикк еще давно говорил, что можно много чего натворить с помощью CSS3.
а почему нельзя произносить - оно ругательное? :lol:
спасибо, попытаюсь

Просмотр сообщенияValek сказал:

Задать тегу параграфу "position: absolute;" и с помощью "top, right, botton, left" задавать любое положение экрана. Если в границах таблицы надо, то еще таблице задать "position: relative;"
не, мне как раз вне таблицы надо - поэтому и сделала внешний див.

#5 virtuoso

virtuoso

    Продвинутый

  • Участник
  • PipPipPip
  • 227 сообщений
154
  • ИзЛитвы

Отправлено 12 Июль 2015 - 10:23

, все правильно расписал. Как мне кажется, div можно позиционировать только по отношению к другому div-у, но не к таблице

#6 Tata_N

Tata_N

    Статус: чайник,но со свистком

  • Активный участник
  • PipPipPipPip
  • 785 сообщений
289

TC Отправлено 12 Июль 2015 - 10:58

, спасибо, отлично получилось!)))

Правда, теперь задумалась:
Этот кусок текста, который я пытаюсь "задвинуть", генерится автоматически - это слегка модифицированный для уникальности description. Он выводится после Н1 вверху страницы типа анонса, чтобы "поспамить" в начале страницы ключевыми словами. В связи с адаптивом решила немного изменить дизайн. А этот текст - все равно никто не читает.

Так вот теперь и возник вопрос - а не принять ли радикальные меры с этим текстом, и убить его совсем?
Трафик все равно почти умер... вроде уже хуже некуда...
спамность уменьшится... и после всех этих изменений опять написать Платону.....

Просмотр сообщенияvirtuoso сказал:

Как мне кажется, div можно позиционировать только по отношению к другому div-у, но не к таблице
ох, это так сложно - кто чей наследник и кто чей родитель))), особенно, когда вложенность большая - вчера весь день ковырялась на html.ru, и position пыталась применить... а вот до второго дива не додумалась.
я так вижу, что потихоньку моя строго-табличная верстка постепенно превращается в гибрид)))

#7 Матумба

Матумба

    во имя матана

  • Участник
  • PipPipPipPipPip
  • 4 976 сообщений
6 217
  • ИзКрии

Отправлено 12 Июль 2015 - 15:12

Просмотр сообщенияTata_N сказал:

с js совсем никак
самое сложное в js - это запомнить, что его можно применять только после объявления элементов или через внешний файл
нужный условной код с использованием jquery:
$("#aftertable").html($("#beforetable").html());
$("#beforetable").html("");

Просмотр сообщенияTata_N сказал:

а почему нельзя произносить - оно ругательное? :lol:
Просто некрасиво. И размеры надо подгонять под каждый конкретный текст (ну или запихнуть его во что-то с прокруткой).

Само по себе перемещение текста имеет смысл (но небольшой), когда до содержания идёт куча всякого мусорного контента. Врядли это тот самый случай.
"Бескорыстие и любовь к ближнему в себе надо давить"
Почти правильный сеосервис

#8 Serg_pnz

Serg_pnz

    Hanswurst

  • Старая гвардия
  • PipPipPipPipPip
  • 2 032 сообщений
1 622
  • Из*** гонец? Гонец из Пензы?... Нет – реальный гонец!

Отправлено 13 Июль 2015 - 00:14

Просмотр сообщенияДартаньян сказал:

$("#aftertable").html($("#beforetable").html());
$("#beforetable").html("");
, зачем так сложно?))) Надо перетащить
$("#d").prepend($("h2"));
Обсуждалось в том числе индексация такого хака тут http://webimho.ru/to...__20#entry21929
Цены на рекламу на форуме Webimho | Пущу на квартиру VPS саттелиты по 30 руб./мес.
Ида: Не все кальсоны с оторванными пуговицами – брюки. © Serg_pnz



Похожие темы


Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных



© 2019 SMO&SEO форум «WEBIMHO» — продвижение и создание сайтов, интернет-маркетинг

По вопросам рекламы на форуме и цены на рекламу
Все материалы SEO форума разрешены к копированию только с установкой гиперактивной ссылки на webimho.ru,
тем, кто этого не сделает, мы оторвем руки и ноги и поменяем местами,
а когда выйдем из тюрьмы, опять оторвем и опять поменяем.


Россия, г. Москва

Мы в соцсетях: twitter | вконтакте | facebook | livejournal