Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Выравнивание строк по окончанию (https://javascript.ru/forum/xhtml-html-css/50258-vyravnivanie-strok-po-okonchaniyu.html)

lepeed 19.09.2014 00:37

Выравнивание строк по окончанию
 
Как в css выравнить текст, сейчас вот так:
фыв
фывыфв
ыфвфывыфвыфв
фывфывыфвыфвфывыфв


Нужно чтобы так:
фыв
ыфвфывыфвыфв
фывфывыфвыфвфывыфв

Aetae 19.09.2014 05:39

text-align:right;

P.S. Это совершенно не тот вопрос, с которым стоит обращаться на форум: в любом, даже самом упрощённом учебнике по основам css, есть эта информация.

lepeed 19.09.2014 18:06

Цитата:

Сообщение от Aetae (Сообщение 331261)
text-align:right;

P.S. Это совершенно не тот вопрос, с которым стоит обращаться на форум: в любом, даже самом упрощённом учебнике по основам css, есть эта информация.

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

нащупать никак не могу его фаербагом

Viral 19.09.2014 18:47

Никак

lepeed 21.09.2014 15:36

Цитата:

Сообщение от Viral (Сообщение 331434)
Никак


это шутка юмора такая?

hfts_rider 21.09.2014 18:01

На самом деле он не пошутил.
Изменить его нельзя, разве что скрыть с помощью css3 (appearance).

Но это далеко не кроссбраузерно.

В твоем случаи лучше всего просто с помощью js сделать выпадающий список, и ты его можешь оформить как угодно.


Если не можешь написать скрипт, в Гугле полно статей и скриптов уже существует.

Вот пример на js
Вот на ксс, но он тут кривой

Можешь просто взять создать еще один блок который будет находиться прямо над стрелкой стандартной и при нажатии на него с помощью js сделать открытие select box.

lepeed 22.09.2014 00:58

Цитата:

Сообщение от hfts_rider (Сообщение 331622)
На самом деле он не пошутил.
Изменить его нельзя, разве что скрыть с помощью css3 (appearance).

Но это далеко не кроссбраузерно.

В твоем случаи лучше всего просто с помощью js сделать выпадающий список, и ты его можешь оформить как угодно.


Если не можешь написать скрипт, в Гугле полно статей и скриптов уже существует.

Вот пример на js
Вот на ксс, но он тут кривой

Можешь просто взять создать еще один блок который будет находиться прямо над стрелкой стандартной и при нажатии на него с помощью js сделать открытие select box.

Cпасибо большое, можно еще вопрос - у меня на сайте есть body с определенным background-color, на двух страницах site/str1.php site/str2.php например нужны другие background, я оборачиваю их в дивы и задаю соответствующие цвета, но они все равно наследуют цвета body, как быть?

hfts_rider 22.09.2014 10:09

Cкинь ссылку на сайт.
(можешь попробовать в конце класса задать !important, пример - {background-color:#112233 !important})

lepeed 22.09.2014 12:08

Цитата:

Сообщение от hfts_rider (Сообщение 331698)
Cкинь ссылку на сайт.
(можешь попробовать в конце класса задать !important, пример - {background-color:#112233 !important})

сайт на локалке.
задал - не работает

такая иерархия у меня:
Код:

<div class="row">
<div class="span9">
<div id="content">
<div id="signup">

в цсс пишу:
Код:

#signup body {
background-color:#f8f8f8 !important;
}


hfts_rider 22.09.2014 12:33

"#signup body" ?
У тебя в ID баде лежит?
Это айфрейм или как?
Так не правильно задавать.
Если это айфрейм, тогда самому айфрейму задай ID.

В данный момент у тебя есть блок div в котором бади....

И что тебе мешает задать фон просто для ID:
#signup {
background-color:#f8f8f8; 
}

lepeed 22.09.2014 12:40

Цитата:

Сообщение от hfts_rider (Сообщение 331711)
"#signup body" ?
У тебя в ID баде лежит?
Это айфрейм или как?
Так не правильно задавать.
Если это айфрейм, тогда самому айфрейму задай ID.

В данный момент у тебя есть блок div в котором бади....

И что тебе мешает задать фон просто для ID:
#signup {
background-color:#f8f8f8; 
}

Код:

<body>
<div class="navbar">
<div id="page" class="">
<div class="row">
<div class="span9">
<div id="content">
<div id="signup">

Вот полная иерархия, скорее signup в body, задавал и .signup и классу присваивал цвет, задавал и айди и #signup присваивал - не работает.

hfts_rider 22.09.2014 12:46

Можешь кинуть архив с сайтом?

(если нет, зайди на сайт, проинспектируй элемент, сделай скриншот)

lepeed 22.09.2014 13:15

Цитата:

Сообщение от hfts_rider (Сообщение 331714)
Можешь кинуть архив с сайтом?

(если нет, зайди на сайт, проинспектируй элемент, сделай скриншот)


hfts_rider 22.09.2014 13:40

Тебе нужно изменить фон для всей страницы или для блока signup?
Что в блоке "signup"?

#signup{background-color:#000} должен менять его цвет, бади тут не при чем.

lepeed 22.09.2014 13:45

Цитата:

Сообщение от hfts_rider (Сообщение 331725)
Тебе нужно изменить фон для всей страницы или для блока signup?
Что в блоке "signup"?

#signup{background-color:#000} должен менять его цвет, бади тут не при чем.

нужно изменить фон всей страницы.



В итоге имею:


hfts_rider 22.09.2014 13:51

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

Пример:
<body>
  <div class="all-content-bg">
    Тут весь контент
  </div>
</body>


.all-content-bg{background-color:#3f5}

lepeed 22.09.2014 13:56

Цитата:

Сообщение от hfts_rider (Сообщение 331730)
правильно все)) что бы изменить фон всей странице тебе нужно задавать фон конкретно для body, если у тебя есть еще какие то страницы и ты не хочешь что бы они тоже были этого цвета, тогда на этой странице сразу после body оберни абсолютно все в другой блок и задай уже ему фон.

Пример:
<body>
  <div class="all-content-bg">
    Тут весь контент
  </div>
</body>


.all-content-bg{background-color:#3f5}

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

hfts_rider 22.09.2014 13:59

Нет, ты задавал для #singup. Этот блок лежит внутри всех остальных блоков и он не занимает всю высоту и ширину экрана.

Нужно поверх всех положить блок.

hfts_rider 22.09.2014 14:00

После бади сделай сразу блок, и закрой его сразу перед закрывающимся тегом бади, и задай уже ему стиль.

lepeed 22.09.2014 14:01

Цитата:

Сообщение от hfts_rider (Сообщение 331735)
Нет, ты задавал для #singup. Этот блок лежит внутри всех остальных блоков и он не занимает всю высоту и ширину экрана.

Нужно поверх всех положить блок.

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

hfts_rider 22.09.2014 14:03

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

hfts_rider 22.09.2014 14:04

эм... ну или возможно с помощью скрипта делай так что бы для бади при определённым url добавлялся класс с нужным цветом..

lepeed 22.09.2014 14:07

Цитата:

Сообщение от hfts_rider (Сообщение 331738)
Или ищи блок который находится после бади и занимает всю ширину и высоту, или лезь в пхп и ищи тот кусок который генерирует html.

<div class="row"> занимает, но я ему пробовал присваивать и тоже не пашет

hfts_rider 22.09.2014 14:14

хм... можешь попробовать сделать еще блок с фиксированным позиционированием, задать ему ширину и высоту на 100% и положить его ниже по z-index чем остальные.

lepeed 22.09.2014 14:56

Цитата:

Сообщение от hfts_rider (Сообщение 331743)
хм... можешь попробовать сделать еще блок с фиксированным позиционированием, задать ему ширину и высоту на 100% и положить его ниже по z-index чем остальные.

так-с, сделал иначе, все ок, но есть одна проблема - есть какая-то возможность задать background-color margin'у?

hfts_rider 22.09.2014 16:27

нет, маргин это отступ блока, а фон сам у тебя находится в блоке, можешь изменить марниг на паддинг, тогда фон будет в паддинге.

lepeed 22.09.2014 18:05

Цитата:

Сообщение от hfts_rider (Сообщение 331760)
нет, маргин это отступ блока, а фон сам у тебя находится в блоке, можешь изменить марниг на паддинг, тогда фон будет в паддинге.

спасибо Вам за все ответы!

lepeed 23.09.2014 20:51

Блин, всё равно проблема в том, что мне иногда нужно на отдельных страницах переопределить свойства body{}
проблема в том, что у меня страница идет в main.php, куда попадает между дивом <div id="page" class="mains"> , который удалить я не могу.

На нужной мне странице задаю <div id="page" class="test"> в сss прописываю #page.test{...}, в итоге - ничего, потому что этот див не заменяет верхний див, в фаербаге это выглядит так:

Как быть?

Aetae 23.09.2014 22:37

Если я правильно таки разобрался в той антинаучной ереси, что вы пишите, и понял, что вам нужно, то ответ таков: css не может изменять стили родителя в зависимости от его детей.

В вашем случае надо либо нормально разобраться в архитектуре сайта и подключать на нужной странице css с нужными настройками, либо встроить(костыль) в подключаемую часть элемент style с нужными параметрами(именно вставить в подключаемую часть, а не прописать в общем css), примерно так:
<div id="signup">
    <style>body, #page{background-color:#f00 !important}</style>
    //...контент
</div>

lepeed 25.09.2014 11:18

Цитата:

Сообщение от Aetae (Сообщение 332017)
Если я правильно таки разобрался в той антинаучной ереси, что вы пишите, и понял, что вам нужно, то ответ таков: css не может изменять стили родителя в зависимости от его детей.

В вашем случае надо либо нормально разобраться в архитектуре сайта и подключать на нужной странице css с нужными настройками, либо встроить(костыль) в подключаемую часть элемент style с нужными параметрами(именно вставить в подключаемую часть, а не прописать в общем css), примерно так:
<div id="signup">
    <style>body, #page{background-color:#f00 !important}</style>
    //...контент
</div>

Спасибо, всё работает, если в html писать, а если отдельно выносить в css
#signup page, body{} то нет

Aetae 25.09.2014 12:10

lepeed, перечитывайте первый абзац моего ответа до достижения понимания.

lepeed 25.09.2014 19:27

Цитата:

Сообщение от Aetae (Сообщение 332204)
lepeed, перечитывайте первый абзац моего ответа до достижения понимания.

понял)

подскажите пожалуйста еще такой момент, есть див
<div class="gg">перейти по<div id="tt">ссылка</div></div>
всё работает, но ссылка переходит на новую строку, а надо чтобы в той же была.

Aetae 26.09.2014 03:34

1. Использовать вместо дива именно ссылку.
2. Если почему-то разумный вариант не продходит - использовать вместо дива спан.
3. Если нужен именно див, то изменить его display:
div#tt{display:inline}


Часовой пояс GMT +3, время: 14:26.