Jump to content
BulForum.com

Frontpage problem?


charsi

Recommended Posts

Хора някои ще може ли да ми обясни защо като използвам layers на frontpage при различни от 1024x768 резолюция се разместват и не стоят там където трябва да стоят?Благодаря предварително

Link to comment
Share on other sites

Еми ето

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>SVS Properties Ltd - Апартаменти</title>
</head>

<body background="background.gif">

<div style="position: absolute; width: 939px; height: 1663px; z-index: 2; left: 57px; top: 5px" id="layer30">
 </div>

<p align="center" style="margin-top: 0; margin-bottom: 0">
<img border="0" src="header.gif" width="831" height="175" align="center"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><map name="FPMap0">
<area href="home_bg.htm" shape="rect" coords="41, 7, 108, 28">
<area href="about_bg.htm" shape="rect" coords="158, 7, 247, 29">
<area href="hotoffers_bg.htm" shape="rect" coords="415, 5, 528, 28">
<area href="contack_bg.htm" shape="rect" coords="562, 5, 657, 29">
<area href="home_en.htm" shape="rect" coords="719, 5, 757, 28">
<area href="services_bg.htm" shape="rect" coords="291, 5, 385, 26">
</map>
<img border="0" src="buttons_bg.jpg" width="831" height="35" usemap="#FPMap0"><img border="0" src="blueback.jpg" width="831" height="68"></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<div style="position: absolute; width: 831px; height: 1321px; z-index: 1; left: 87px; top: 282px; background-image: url('../site3/bk.jpg')" id="layer1">
<div style="position: absolute; width: 834px; height: 273px; z-index: 5; left: -2px; top: -268px" id="layer29">
 </div>
<div style="position: absolute; width: 179px; height: 176px; z-index: 1; left: 7px; top: 5px" id="layer2">
	<map name="FPMap1">
	<area href="appart_bg.htm" shape="rect" coords="14, 9, 132, 27">
	<area href="houses_bg.htm" shape="rect" coords="16, 47, 68, 68">
	<area href="shops_bg.htm" shape="rect" coords="15, 89, 106, 113">
	<area href="offices_bg.htm" shape="rect" coords="20, 131, 76, 153">
	<area href="plots_bg.htm" shape="rect" coords="18, 171, 104, 193">
	</map>
	<img border="0" src="../site3/Untitled-1.jpg" width="173" height="202" usemap="#FPMap1"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 830px" id="layer22">
	<img border="0" src="photos/parcel%201/small3.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 1144px" id="layer23">
	<img border="0" src="photos/parcel%201/small5.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 988px" id="layer21">
	<img border="0" src="photos/parcel%201/small4.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 830px" id="layer18">
	<img border="0" src="photos/parcel%201/small3.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 671px" id="layer17">
	<img border="0" src="photos/parcel%201/small2.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 505px" id="layer14">
	<img border="0" src="photos/parcel%201/small.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 343px" id="layer9">
	<img border="0" src="logo.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 110px; height: 94px; z-index: 2; left: 226px; top: 179px" id="layer6">
	<img border="0" src="logo.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 154px; height: 125px; z-index: 2; left: 226px; top: 22px" id="layer3">
	<img border="0" src="logo.jpg" width="165" height="128"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 1139px" id="layer26">
	<div style="position: absolute; width: 395px; height: 89px; z-index: 1; left: 8px; top: 39px" id="layer27">
		<p style="margin-top: 0; margin-bottom: 0">Парцел на главния път 
		Смолян <span lang="en-us">> </span>Рудозел</p>
		<p style="margin-top: 0; margin-bottom: 0"><b>Цена:</b> 4 парцела по 
		1 дка - 15 <font face="Times New Roman">€ м<sup>2</sup></font></div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 980px" id="layer24">
	<div style="position: absolute; width: 395px; height: 98px; z-index: 1; left: 7px; top: 33px" id="layer25">
		<p style="margin-top: 0; margin-bottom: 0">гр.Плевен Складова база - 
		борса - Тържище близо зо ЖП гара Плевен.Площ 8800 кв.м. Офис сграда 
		с площ 400 кв.м. Избено помещение 2500 кв.м. Търговска площ 5000 
		кв.м. 2 ьпартамента - 200 кв.м. както и допълнителни построики <b>   
		Цена:</b> 2 200 000 <font face="Times New Roman">€ без ДДС</font></p>
		<p style="margin-top: 0; margin-bottom: 0"> </div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 825px" id="layer19">
	<div style="position: absolute; width: 395px; height: 89px; z-index: 1; left: 8px; top: 39px" id="layer20">
		<p style="margin-top: 0; margin-bottom: 0">гр.Пловдив кв.Южен - 
		съседен парцел на комплекс <span lang="en-us">"</span>Южен град". 
		Подходящ за жилищно строителство.</p>
		<p style="margin-top: 0; margin-bottom: 0"><b>Цена:</b> 13 501 кв.м. 
		по 40 <font face="Times New Roman">€ м<sup>2</sup></font></div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 668px" id="layer15">
	<div style="position: absolute; width: 395px; height: 89px; z-index: 1; left: 8px; top: 39px" id="layer16">
		<p style="margin-top: 0; margin-bottom: 0">Парцел с.Добромирец до 
		Севлиево на главния път София - Варна</p>
		<p style="margin-top: 0; margin-bottom: 0"><b>Цена: </b>6.113 дка по 
		19 <font face="Times New Roman">€ м<sup>2</sup></font></div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 502px" id="layer12">
	<div style="position: absolute; width: 395px; height: 89px; z-index: 1; left: 8px; top: 39px" id="layer13">
		<p style="margin-top: 0; margin-bottom: 0">гр.Пловдив Брезовско шосе
		</p>
		<p style="margin-top: 0; margin-bottom: 0"><b>Цена:</b> 3813 кв.м - 
		100 000 <font face="Times New Roman">€ </font></div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 338px" id="layer10">
	<div style="position: absolute; width: 395px; height: 98px; z-index: 1; left: 8px; top: 30px" id="layer11">
		<p style="margin-top: -4px; margin-bottom: 0">Парцел за жилищно 
		стоителство - Кършияка. Разрешение за застрояване на 2 сгради<span lang="en-us">:</span> 
		1 - кота корниз - 10 м.<span lang="en-us">; </span>2 - кота корниз 
		15 м. РЗП - 2200 кв.м. надземни<span lang="en-us">; </span>800 кв.м. 
		подземни<span lang="en-us">; </span>лице 17 м.</p>
		<p style="margin-top: -4px; margin-bottom: 0"><b>Цена:</b> <u>за 
		закупуване</u> - 550 кв.м по 700 <font face="Times New Roman">€<span lang="en-us">;
		</span><u>за обезщетение</u> 280 кв.м</font></div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 176px" id="layer7">
	<div style="position: absolute; width: 395px; height: 89px; z-index: 1; left: 8px; top: 39px" id="layer8">
		<p style="margin-top: 0; margin-bottom: 0">Храбрино - 2ра вилна зона 
		400 кв.м. - 76 кв.м. до регулация<span lang="en-us">, </span>ток и 
		вода в парцела</div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<div style="position: absolute; width: 411px; height: 129px; z-index: 3; left: 405px; top: 19px" id="layer4">
	<div style="position: absolute; width: 395px; height: 89px; z-index: 1; left: 8px; top: 39px" id="layer5">
		<p style="margin-top: 0; margin-bottom: 0">Храбрино - 2ра вилназона 
		парцел 600 кв.м. Построика 2 етаж с килер питеина вода до парцела 
		кладенец<span lang="en-us">, </span>ток<span lang="en-us">, </span>
		лозе<span lang="en-us">, </span>овошки<span lang="en-us">, </span>
		павиран път<span lang="en-us">,</span> целогодишен достъп</p>
		<p style="margin-top: 0; margin-bottom: 0"><b>Цена: </b>8000
		<font face="Times New Roman">€</font></div>
	<p>
	<img border="0" src="../site3/Untitled-4.jpg" width="416" height="139"></div>
<p> <div style="position: absolute; width: 70px; height: 21px; z-index: 4; left: 680px; top: 1286px" id="layer28">
	<span lang="en-us"><a href="plots2_bg.htm">Next Page</a></span></div>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> </div>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
 </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>

<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<img border="0" src="copyright.jpg" width="831" height="42"></p>

</body>

</html>

Link to comment
Share on other sites

<div style="position: absolute; width: 154px; height: 125px; z-index: 2; left: 226px; top: 22px" id="layer3">

Това е опасно да се ползва така, без да се разбира или да се ползва чрез WYSIWYG. ОСОБЕНО на FrontPage.

Как няма да се размества след като всичко е намазано с абсолютно позициониране.. То и на 1024х768 се разместват и припокриват нещата под FF.

Тия леъри и изобщо абсолютното позициониране е най-добре да се пишат директно в кода ръчно, да изчислиш всичко къде ще се появява, а в твоя случай то даже не е и нужно, имам предвид леърите.

Бих те посъветвал да зарежеш FrontPage, и да ползваш Dreamweaver - прави доста по-чист и професионален код, и такива дефекти са по-малко вероятни.

В случая не използвай position:absolute, а си направи страницата да върви с нормален flow, или най-много с фиксирани ширини, височини, при условие че картинките и графиките там са изчислени и техните размери съответно, за да не се получи от тях разместване.

Link to comment
Share on other sites

Мерси за съвета.Тва че Dreamweaver е по-добра го знаех но бях си свикнал с Frontpage-а и така...Пробвах да я направа с Dreamweaver ама пак тия layers не седяхя където трябват и реших да пробвам с tables(при Frontpage също се получаваше измествания с tables) и се получи.САМО ЧЕ имам ся друг малък проблем.Искам да вкарам текст в една ...table :) само че ката дам Enter ми прескача цял един ред и така доста място ми заема а пък не мога да увелича table-а защото трябва да е с определена височина.Въпроса ми е как да го направа да не ми прескача цял един ред?Благодаря предварително

Link to comment
Share on other sites

....

Искам да вкарам текст в една ...table :) само че ката дам Enter ми прескача цял един ред и така доста място ми заема а пък не мога да увелича table-а защото трябва да е с определена височина.Въпроса ми е как да го направа да не ми прескача цял един ред?Благодаря предварително

Enter в Dreamweaver вкарва нов параграф ( <p>...</p> ).

На теб ти трябва line break ( <br> ), за целта натискай Shift+Enter.

Link to comment
Share on other sites

Enter в Dreamweaver вкарва нов параграф ( <p>...</p> ).

На теб ти трябва line break ( <br> ), за целта натискай Shift+Enter.

:wacko: Егати.Малко глупаво е направено ама както и да е.Много ти благодаря :D

Link to comment
Share on other sites

:wacko: Егати.Малко глупаво е направено ама както и да е.Много ти благодаря :D

Мисля, че така трябва да си е, защото целта е FrontPage да се управлява като останалите програми в офис пакета. И както в word като натиснеш enter ти минава на нов параграф, така и тук съответно слага тескта в <p></p>.

Link to comment
Share on other sites

  • 3 weeks later...
:wacko: Егати.Малко глупаво е направено ама както и да е.Много ти благодаря :D

Сега докато бъзиках едни врътни на Javascript, се сетих за друг начин за да си ползваш Ентер-а както ти трябва в Dreamweaver (и останалите едитори).

Правиш си следния CSS за страницата, и Dream-a ще го хване, и ще си работи както трябва с <p> без да се налага изкуствено <br>.

p {
 margin:0px;
 padding:0px;
}

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...