Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как избежать наложения текста(выпадающий список)? (https://javascript.ru/forum/xhtml-html-css/2390-kak-izbezhat-nalozheniya-teksta-vypadayushhijj-spisok.html)

AlexMak 19.12.2008 11:31

Как избежать наложения текста(выпадающий список)?
 
<script language="javascript">
var what_design_visible=false; why_design_visible=false 
function show_what_design(){
	if (what_design_visible==false){
		document.getElementById('what_design').style.display='block';	what_design_visible=true;
	} else {document.getElementById('what_design').style.display='none'; what_design_visible=false;}
}
function show_why_design(){
	if (why_design_visible==false){
		document.getElementById('why_design').style.display='block';	why_design_visible=true;
	} else {document.getElementById('why_design').style.display='none'; why_design_visible=false;}
}
</script>
<a href="#"><H2 class="style1" style="position:absolute; top:50px; left:2.5%; font-size:30px; width: 485px; font-weight:normal;" onclick="show_what_design()">А что это такое "Дизайн Интерьера"?</H2></a>
<div id="what_design" style="position:relative; top:100px; left:2%; width:93%; height:170px; display:none;">
<div align="justify" class="faq_text">
Разработка дизайна интерьера это, в первую очередь, создание удобного, комфортного пространства исходя из его предназначения (функции). На кухне хочется  удобно готовить, в спальне – приятно спать, в ресторане необходимо обеспечить комфорт посетителей и т.п. Эти задачи решаются перепланировкой, функциональным зонированием, грамотным размещением мебели. То есть первым и главным шагом в дизайне интерьера является организация пространства.<br />
	Вторая задача – определение стиля помещения, необходимо наметить цветовое решение, обозначить используемые в отделке материалы. При этом важно, что бы стилистическое решение помещения поддерживало  его функцию, а не вредило ей. Конечно спальню можно решить в готическом стиле и чёрных тонах, но наврятли будет уместным делать медицинский кабинет  багрово красным.  Задача дизайнера выбрать и максимально адаптировать стиль к существующему пространству учитывая пожелания заказчика.
Завершает разработку дизайна создание комплекса чертежей и рекомендаций, которые позволят строителям максимально точно воспроизвести его. Так же  составляется ведомость отделки, где перечисляются  используемые материалы, мебель,  элементы декора и указываются фирмы где всё это можно приобрести.<br />
	Таким образом дизайн интерьера это комплекс мероприятий направленный на создание максимально комфортного и функционального помещения отражающего вкус заказчика, его пристрастия и привычки.
</div>
</div>

<a href="#"><H2 class="style1" style="position:relative; top:100px; left:2.5%; font-size:30px; width: 485px; font-weight:normal;" onclick="show_why_design()">А что это такое "Дизайн Интерьера"?</H2></a>
<div id="why_design" style="position:relative; top:90px; left:2%; width:93%; height:170px; display:none;">
<div align="justify" class="faq_text">
Разработка дизайна интерьера это, в первую очередь, создание удобного, комфортного пространства исходя из его предназначения (функции). На кухне хочется  удобно готовить, в спальне – приятно спать, в ресторане необходимо обеспечить комфорт посетителей и т.п. Эти задачи решаются перепланировкой, функциональным зонированием, грамотным размещением мебели. То есть первым и главным шагом в дизайне интерьера является организация пространства.<br />
	Вторая задача – определение стиля помещения, необходимо наметить цветовое решение, обозначить используемые в отделке материалы. При этом важно, что бы стилистическое решение помещения поддерживало  его функцию, а не вредило ей. Конечно спальню можно решить в готическом стиле и чёрных тонах, но наврятли будет уместным делать медицинский кабинет  багрово красным.  Задача дизайнера выбрать и максимально адаптировать стиль к существующему пространству учитывая пожелания заказчика.
Завершает разработку дизайна создание комплекса чертежей и рекомендаций, которые позволят строителям максимально точно воспроизвести его. Так же  составляется ведомость отделки, где перечисляются  используемые материалы, мебель,  элементы декора и указываются фирмы где всё это можно приобрести.<br />
	Таким образом дизайн интерьера это комплекс мероприятий направленный на создание максимально комфортного и функционального помещения отражающего вкус заказчика, его пристрастия и привычки.
</div>
</div>

Написал код, поставил зависимость расположения. Но при этом все равно, когда начинаем изменять размер окна. Текст, который выпадает начинает накладываться на второй заголовок. Делал и таблицой, эффект тот же самый. Можно ли как-то этого избежать?

AlexMak 22.12.2008 09:25

Ну хоть какие-нить предложения будут?

AlexMak 22.12.2008 10:52

Все, разобрался. Проблема была в стиле отображения, надо было вместо block, писать inline-block.


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