Fixed, no scroll text issue. PLEASE help!

Question

Fishnetandlace 0 Newbie Poster

15 Years Ago

Hello All,

I was wondering if anyone could help me. I am having trouble getting the text area on my site place in the area I want. The page looks fine when the web browser window is fully expanded, but the alignment messes up when the window is condensed , please take a look fishnetandlace.com.

Can anyone help me figure out how to keep the text aligned properly in the pink area of the page? Hopefully it wont require too much. I've never done any type of web design or graphic design before I started working on this site 2 weeks ago and I really don't know how I got this far with creating this site, and learning bits and pieces of scripts. I will really appreciate anything anyone can do. I'm even not opposed to paying a small fee for this information I just need it ASAP, I want this site up in running before a certain deadline and this is the BIGGEST missing piece in my puzzle.

Thank you in advance :-)

javascript

2 Contributors
4 Replies
107 Views
6 Days Discussion Span
Latest Post 15 Years Ago Latest Post by Fishnetandlace

noelthefish 5 Light Poster

15 Years Ago

From a quick look I would suggest that your text-indent could be the problem.

If you can pass on the code for this then I should be able to tell you what the problem is.

Thanks

Noel.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

Fishnetandlace 0 Newbie Poster · Answer 1 · 2009-05-01T07:41:29+00:00

Hi Noel, thanks for respoding I really appreciate it :-)

I am going to attache the .css script and the html text script I dont know which you need.

Here is the css script:

h1 {
    font-size: 32pt;
    font-family: "Fiolex Girls";

}
body
{
background-image: url("layout2.gif");
background-repeat: no-repeat;
height: 1050px;

background-position: top center
} 



.copyrightnotice {
    font-size: 70%;
    font-weight: bold;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 0;
}

.style6 {
    border-width: 0px;
    margin-left: 432px;
    margin-top: 387px;
}
.style7 {
    margin-left: 12px;
    border-width: 0px;
}
.style8 {
    border-width: 0px;
        margin-left: 12px;
}
.style10 {
    border-width: 0px;
    margin-left: 12px;
}
.style11 {
    border-width: 0px;
    margin-left: 432px;
    margin-top: 0px;
}
.style16 {
    border-width: 0px;
    margin-left: 12px;
}
.style13 {
    border-width: 0px;
    margin-left: 11px;
}
.style15 {
    border-width: 0px;
    margin-left: 432px;
    margin-top: 0px;
}
.style17 {
    border-width: 0px;
    margin-left: 432px;
    margin-top: 0px;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 500px;
height: 425px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
background-color:transparent;
margin-left: 450px;
margin-top: 0px;
margin-right:275px;
padding: 15px;
}



.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: 425;
position: relative;
color: black;
padding: 1px;
}

and here is the html text script

<style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:0;
mso-generic-font-family:roman;
mso-font-pitch:variable;
mso-font-signature:-1610611985 1107304683 0 0 159 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";}
p
{mso-style-unhide:no;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman","serif";
mso-fareast-font-family:"Times New Roman";}
.MsoChpDefault
{mso-style-type:export-only;
mso-default-props:yes;
font-size:10.0pt;
mso-ansi-font-size:10.0pt;
mso-bidi-font-size:10.0pt;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
--></style><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:&quot;Table Normal&quot;;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:&quot;&quot;;
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:&quot;Times New Roman&quot;;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:&quot;Times New Roman&quot;;
mso-bidi-theme-font:minor-bidi;}</style><![endif]-->
<p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">Fishnet &amp; Lace is Boston based entertainment
agency, with high level nationwide <span>&nbsp;</span>services that are aim at discerning people in
sensitive positions where companionship needs to remain discreet and
confidential at all times. We also represent some of remarkable Adult Models. Our
agency has built its excellent reputation and we pride ourselves on guaranteed
satisfaction. We always deliver what we promised, and we will never promise
what we can not or will not deliver - that is essential in our service
commitment.</font></p>
<p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">Each one of our exquisite and sophisticated escort
&amp; models is a spectacular young lady. All of our companions are fully
committed to ensuring that the time you spend in her company feels
exceptionally fulfilling. All of our models are stunning, professional women
that are a pleasure to work with. Please take some time to discover more about
them in the galleries. On this site, you can also find out about our fees and our
discreet operation.</font></p>
<p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">We have also provided information on how to book
our companions &amp; models, but I would like to invite you to give us a call
so that together we find the lady which ideally matches your idea of a perfect
companion or model, for whatever occasion you prefer and at any location and
time that suits you best.</font></p>
<p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">I promise that you will appreciate that personal
touch which I'll put in introducing you to our companions, so that your encounter
will be most memorable and fully satisfying.</font></p>
<p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">Don't deprive yourself of the best escort &amp; model
service money can provide, and<br />
Do call us soon</font></p></m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac></div><br />

Thank you again for your help

noelthefish 5 Light Poster · Answer 2 · 2009-05-01T16:32:23+00:00

<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /><script src="http://1.2.3.4/bmi-int-js/bmi.js" language="javascript"></script><title>fleXcroll example style test page</title> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /><meta name="author" content="Emrah BASKAYA" /><style type="text/css">ï»¿ h1{font-size:32pt;font-family:"Fiolex Girls"}body{background-image:url("http://www.fishnetandlace.com/layout2.gif");background-repeat:no-repeat;height:1050px;background-position:absolute}.copyrightnotice{font-size:70%;font-weight:bold;text-align:center;font-family:Arial,Helvetica,sans-serif;text-indent:0}.style6{border-width:0px;margin-left:432px;margin-top:387px}.style7{margin-left:12px;border-width:0px}.style8{border-width:0px;margin-left:12px}.style10{border-width:0px;margin-left:12px}.style11{border-width:0px;margin-left:432px;margin-top:0px}.style16{border-width:0px;margin-left:12px}.style13{border-width:0px;margin-left:11px}.style15{border-width:0px;margin-left:432px;margin-top:0px}.style17{border-width:0px;margin-left:432px;margin-top:0px}
#mycustomscroll{
	height:400;
	overflow:auto;/**/
	position:absolute;
	background-color:transparent;
	margin-left:250;
	margin-top:0px;
	margin-right:275px;
	padding:15px;
	left: 5px;
	width: 479px;
	top: 503px;
}
.fixedwidth{position:relative;color:black;padding:1px}
</style>
<style type="text/css">/**//**/.scrollgeneric{line-height:1px;font-size:1px;position:absolute;top:0;left:0}.vscrollerbase{width:10px;background-color:white}.vscrollerbar{width:10px;background-color:black}.hscrollerbase{height:10px;background-color:white}.hscrollerbar{height:10px;background-color:black}.scrollerjogbox{width:10px;height:10px;top:auto;left:auto;bottom:0px;right:0px;background-color:gray}
</style>
<script src="flexcroll.js" type="text/javascript"></script>
<p style="height: 380px"><a href="default.html"><img alt="" class="style6" src="whoweare2.gif" width="153" height="15" /></a><a href="servicecom.html"><img alt="" class="style7" src="servicecom2.gif" width="222" height="19" /></a><a href="booking.html"><img alt="" class="style8" src="booking2.gif" width="104" height="20" /></a></p><p><a href="discreetop.html"><img alt="" class="style15" src="discreetop2.gif" width="218" height="25" /></a><a href="gallery.html"><img alt="" class="style16" src="gallery2.gif" width="98" height="17" /></a><a href="form.html"><img alt="" class="style13" src="modelapp2.gif" width="200" height="20" /></a><a href="legalnot.html"><img alt="" class="style17" src="legalnot2.gif" width="151" height="19" /></a></p><div id="mycustomscroll" class="flexcroll">
  <div class="lipsum"><center><h1><font color="#333333">Who We Are</font></h1></center></div><meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /><meta name="ProgId" content="Word.Document" /><meta name="Generator" content="Microsoft Word 12" /><meta name="Originator" content="Microsoft Word 12" /><link rel="File-List" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" /><link rel="themeData" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" /><link rel="colorSchemeMapping" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" />
<m:smallfrac m:val="off">
<m:dispdef>
<m:lmargin m:val="0">
<m:rmargin m:val="0">
<m:defjc m:val="centerGroup">
<m:wrapindent m:val="1440">
<m:intlim m:val="subSup">

<m:narylim m:val="undOvr"></m:narylim></m:intlim></m:wrapindent>
<style>
 /* Font Definitions */
 @font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:0;
	mso-generic-font-family:roman;
	mso-font-pitch:variable;
	mso-font-signature:-1610611985 1107304683 0 0 159 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin:0in;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman","serif";
	mso-fareast-font-family:"Times New Roman";}
p
	{mso-style-unhide:no;
	mso-margin-top-alt:auto;
	mso-margin-bottom-alt:auto;
	margin-left:0in;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman","serif";
	mso-fareast-font-family:"Times New Roman";}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;}
@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.0in 1.0in 1.0in;
	mso-header-margin:.5in;
	mso-footer-margin:.5in;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
--></style>
<p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">Fishnet &amp; Lace is Boston based entertainment agency, with high level nationwide <span>&nbsp;</span>services that are aim at discerning people in sensitive positions where companionship needs to remain discreet and confidential at all times. We also represent some of remarkable Adult Models. Our agency has built its excellent reputation and we pride ourselves on guaranteed satisfaction. We always deliver what we promised, and we will never promise what we can not or will not deliver - that is essential in our service commitment.</font></p><p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">Each one of our exquisite and sophisticated escort &amp; models is a spectacular young lady. All of our companions are fully committed to ensuring that the time you spend in her company feels exceptionally fulfilling. All of our models are stunning, professional women that are a pleasure to work with. Please take some time to discover more about them in the galleries. On this site, you can also find out about our fees and our discreet operation.</font></p><p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">We have also provided information on how to book our companions &amp; models, but I would like to invite you to give us a call so that together we find the lady which ideally matches your idea of a perfect companion or model, for whatever occasion you prefer and at any location and time that suits you best.</font></p><p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">I promise that you will appreciate that personal touch which I'll put in introducing you to our companions, so that your encounter will be most memorable and fully satisfying.</font></p><p style="text-indent: 0.5in"><font size="2" color="#333333" face="Arial">Don't deprive yourself of the best escort &amp; model service money can provide, and<br />Do call us soon</font></p>
</m:defjc>
</m:rmargin>
</m:lmargin>
</m:dispdef>
</m:smallfrac>
</div><br /><br /><br /><br /><br /><br /><br /><script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img",0);//-->

</script>

Here is the code which will work.
I haven't changed much just the background image position and also the scroll bar and wording positions.

As I didn't have the full code the only bit that I couldn't test was the writing on at the top of the pink box so I hope that this lines up but if it doesn't give me a shout.

Thanks

Noel.

Fishnetandlace 0 Newbie Poster · Answer 3 · 2009-05-07T06:46:12+00:00

Hi Noel,

I did not work the text is still unaligined
when the window is resizing..Sorry it took so long to get back I have included the full html

[TEX]<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="description" content="A cross-browser javascript that enables you to style your scroll-bars with CSS" />
<title>fBooking</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="author" content="Emrah BASKAYA" />
<link href="tutorsty.css" rel="stylesheet" type="text/css" />
<link href="flexcrollstyles.css" rel="stylesheet" type="text/css" />
<script src="flexcroll.js" type="text/javascript"></script>
<p style="height: 380px"><a href="default.html"><img alt="" class="style6" src="whoweare2.gif" width="153" height="15" /></a><a href="servicecom.html"><img alt="" class="style7" src="servicecom2.gif" width="222" height="19" /></a><a href="booking.html"><img alt="" class="style8" src="booking2.gif" width="104" height="20" /></a></p>
<p><a href="discreetop.html"><img alt="" class="style15" src="discreetop2.gif" width="218" height="25" /></a><a href="gallery.html"><img alt="" class="style16" src="gallery2.gif" width="98" height="17" /></a><a href="form.html"><img alt="" class="style13" src="modelapp2.gif" width="200" height="20" /></a><a href="legalnot.html"><img alt="" class="style17" src="legalnot2.gif" width="151" height="19" /></a></p>
<div id="mycustomscroll" class="flexcroll">
<div class="lipsum">
<center>
<h1><strong><font color="#333333">Booking<br />
</font></strong></h1></center></div>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="ProgId" content="Word.Document" />
<meta name="Generator" content="Microsoft Word 12" />
<meta name="Originator" content="Microsoft Word 12" />
<link rel="File-List" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" />
<link rel="themeData" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" />
<link rel="colorSchemeMapping" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" />
<m:smallfrac m:val="off">
<m:dispdef>
<m:lmargin m:val="0">
<m:rmargin m:val="0">
<m:defjc m:val="centerGroup">
<m:wrapindent m:val="1440">
<m:intlim m:val="subSup">
<m:narylim m:val="undOvr"></m:narylim></m:intlim></m:wrapindent>
<style></style></m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="ProgId" content="Word.Document" />
<meta name="Generator" content="Microsoft Word 12" />
<meta name="Originator" content="Microsoft Word 12" />
<link rel="File-List" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" />
<link rel="themeData" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" />
<link rel="colorSchemeMapping" href="file:///C:%5CUsers%5CQUEENB%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" />
<m:smallfrac m:val="off">
<m:dispdef>
<m:lmargin m:val="0">
<m:rmargin m:val="0">
<m:defjc m:val="centerGroup">
<m:wrapindent m:val="1440">
<m:intlim m:val="subSup">
<m:narylim m:val="undOvr"></m:narylim></m:intlim></m:wrapindent>
<style></style>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span>Please take
your time to discover our ladies in the Escort or Model Gallery and select one
or two who capture your eye as well as your imagination (if you don’t yet have
a password to see our gallery, please fill out the form and you will receive a
reply as soon as possible).</span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span> </span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span>Then simply
call us at 617-820-2464. Our booking agent will assist you when calling Fishnet
& Lace Entertainment Group. If we are not available then please leave a
voice message and we'll get back to you shortly.</span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span> </span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span>Even if you
have not yet looked at either gallery or don’t yet have a password, please let
our Agent help you determine what your ideal companion or model should look
like, and what type of personality you prefer : from elegant sophistication to
youthful innocence to a feisty seductive bombshell. One of our escorts may not
yet be presented in our gallery, or even prefer to remain a bit mysterious, but
our agents will happily describe her to you.</span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span> </span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><font size="2" color="#333333" face="Arial"><span>The agent will
arrange the escort’s or model’s availability around your timeframe. We will
also discuss your requirements concerning style of dress, make-up, etc., and
select a model which best matches your request. When you’re talking to our
agent it may also be the best time to discuss your fantasies, role playing,
requested services, etc.
<o:p></o:p></span></font></p>
<p class="MsoNormal" style="text-indent: 0.5in; line-height: normal"><span><font size="2" color="#333333" face="Arial">Together you
and our agent can take the time to find the lady which ideally matches your
idea companion or model.</font>
<o:p></o:p></span></p></m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac></div><br />
<br /><br />
<br /><br />
<br /><br />