Форум Сайтостроение Веб-строительство

Помогите, пожалуйста с CSS.

R
На сайте с 03.08.2012
Offline
131
revered
429

Здравствуйте! В CSS полный 0, мучаюсь, мучаюсь вообще не получается...блоки не хотят лесть друг на друга, что не пиши в CSS нечего не меняется... Помогите пожалуйста... кому не сложно сделайте небольшое CCS.

Вот мой HTML:

<div class="main">

<div class="text">

текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...текст...

</div>

<div class="link">

<a hreff="asd.php">ССЫЛКА</a>

</div>

</div>

Мне необходимо чтобы текст выводился на всю ширину страницы и сверху-снизу была рамка. Под текстом справа - ссылка. И все... помогите, пожалуйста. Я уверен, что знающему код написать - 30 секунд.

Прилагаю файл, как должен выглядить этот блок, чтобы было более понятнее.

png 123458.png
P
На сайте с 06.03.2010
Offline
54
pornodump
#1

.text { text-align: justify; border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 10px 0px 10px 0px; }. Если у .main прописана ширина 750px, то тут можно ее не прописывать, а если у main Другая ширина , то тогда добавьте к стилям .text еще и ширину width: 750px;

.link { float: right; color: #ВашЦвет; } (если на глаз то ваш цвет ссылки примерно такой: #1299C4; )

и желательно (но не обязательно) у .main добавить в стили { overflow: hidden; }

> Выйти за пределы Как изменить размеры блоков Как обойтись без XHTML
eis
На сайте с 18.10.2008
Offline
473
eis
#2

pornodump, все верно описал!

Еще добавлю, что регулировать толщину линий рамки можно через изменение правила border: 2px solid #000;

Судя по скриншоту надо 3-4 px ;)

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
MacDack
На сайте с 23.07.2012
Offline
55
MacDack
#3

Так же, если:

revered:
...В CSS полный 0, мучаюсь, мучаюсь вообще не получается...

то вам может пригодиться http://csstemplater.com/ - генератор.

CMS DLE (/ru/users/992868) icq:6три4девять924семь7
Mellifleur
На сайте с 06.05.2011
Offline
57
Mellifleur
#4

.main {width:750px}

.link {float:right}

Если в CSS Не бум-бум - это все элементарно делается через таблицы.

Хороший хостинг (http://webhost1.ru/?r=16541) - сам пользуюсь и вам рекомендую. Аптайм, время отклика и загрузка на 5!.
[Удален]
#5
Mellifleur:
Если в CSS Не бум-бум - это все элементарно делается через таблицы

В фотошопе уж тоды сразу ваять

R
На сайте с 03.08.2012
Offline
131
revered
#6

СПАСИБО БОЛЬШОЕ ВСЕМ ЗА ОТКЛИК! Все работает! Классно :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий