Jump to content
  • 0

Бордер


Sandr
 Share

Question

Всем привет)

У меня 2 проблемы. Надеюсь вы поможете их решить))

h_1311935264_cf77e1c803.jpeg

1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка.

2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст?

Сам код:

<div class="name">
<a href="">Игра Жизнь</a>
</div>
<div class="date">
03:00:00 01.01.1970
</div>
<div class="text">
Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая клетка на этой поверхности может находиться в двух состояниях: быть живой или быть мёртвой. Клетка
</div>

CSS:

.name {
border: 2px #505050 solid;
border-bottom: none;
border-radius: 6 6 0 0;
}

.date {
border: 2px #505050 solid;
border-left: none;
border-radius: 0 6 6 0;
display:inline;
}

.text {
border: 2px #505050 solid;
border-top: none;
border-radius: 0 0 6 6;
}

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Спасибо. А как быть, если фон не однороден?

Если фон не однороден, то тут либо использовать свойство background-attachmen: fixed, либо js высчитывать положение фона, либо добавлять еще обертки.

Link to comment
Share on other sites

  • 0

Спасибо. А как быть, если фон не однороден?

Если фон не однороден, то тут либо использовать свойство background-attachmen: fixed, либо js высчитывать положение фона, либо добавлять еще обертки.

Спасибо.

У меня ещё один вопрос, есть поле <textarea cols=30 rows=1 name="search_word"></textarea> в опере оно отображается так, как нужно, а в ФФ оно слишком высокое, примерно с 2-3 строки. В чём может быть дело? Как это исправить?

Заранее спасибо (блин, почему я + не могу поставить??)

Link to comment
Share on other sites

  • 0

Sandr,

Это старый баг FF :)

Он всегда добавляет одну строчку к текстарии.

Поправить можно либо скриптом, либо задавать высоту через css.

Стилями.


/* textarea высотой в четыре строчки */
textarea {
font-size: 12px;
line-height: 1.3;
height: 63px;
}

JS


window.onload = function textareaFixFF() {
var txtar = document.getElementsByTagName('textarea'),
browser = window.navigator.userAgent;
if (browser.indexOf('Firefox') !== -1) {
for (var i = 0; i < txtar.length; i++) {
txtar[i].rows = txtar[i].rows - 1;
}
}
}

Но в данном случае, если нужна одна строка, то лучше использовать <input type="text">

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy