Jump to content
  • 0

Как зификсировать элемент..?


Accessdenied
 Share

Question

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

Вот код:

<STYLE TYPE="text/css"> 
body {
background-image: url(images/fanfan.jpg);
background-attachment: scroll;
background-position:left top;
background-repeat: no-repeat;
margin-bottom:0; margin-left:0; margin-top:0;
}
A:link {text-decoration:none;}
</style>

<span style=" position:relative;[b] right:10px[/b];"><a href="lv/index.htm"><img src=images/flag_lv.gif border="0"></a> <a href="index.htm"><img src=images/flag_ru.gif border="0"></a></span>
<table width="100%" cellspacing="0" cellpadding="0" bordercolor="red" border="2">
<tr><td><img src=images/text1.gif style="position:relative; left:560px"></td></tr>
</table>

————

И еще один вопрос: как сделать что бы бэкграунд отображался полностью, вся картинка целиком?

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Я не очень понял что ты хочешь.

Ты хочешь чтобы картинка с языками была всегда справа? При любых изменениях окна?

Или ты хочешь чтобы появлялась полоса прокрутки, и языки скрывались ?

чтобы отображалась вся картинка целиком (в бакграунде), необходимо сделать элемент блочным (скорее всего элемент у тебя уже блочный) и задать размеры, т.е width: 600px и height: 600px, равными ширине и высоте картинки.

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0
А абсолуте ето же зло :О

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

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

html:
<div id="lang_selector">
<a href="lv/index.htm"><img src=images/flag_lv.gif border="0"></a> <a href="index.htm"><img src=images/flag_ru.gif border="0"></a>
</div>

css:
#lang_selector {width:150px; height:35px; position:absolute; top:5px; right:10px;}

и вообще, для картинок обязательны атрибуты width="ширина" height="высота" alt="текст"

в качестве текста здесь лучше использовать [LV] и [RU].

соответственно в стиле ширина блока будет равна сумме ширин картинок плюс немного, высота - высоте картинки, положение сверху и справа по вкусу и дизайну

и топик улетает в раздел "для начинающих"

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