Posts by Troy III Page 17

Troy III 272 Posting Pro

15 Years Ago

Is this tinny problem solved, or should we continue giving other solutions that will not work, on top of the working one?

UI / UX Design web-design

Troy III 272 Posting Pro

15 Years Ago

Re: Trying to overlap divs in CSS - IE7 problem

Here,

First thing you should do is to remove your script from HTML element and place it somewhere before HEADER element closure.

Second:
Something on the right should follow something on its left, not the opposite, this adds confusion.
Put your HTML back to its normal order of its rendering flow, like this:

<DIV class=body>

 <DIV class=bodyTxt>
  <DIV class=bodyTxtInner>
	<H1>HOME</H1>
	<P>Gary Jones and Rick Taylor are the owner/operators (under the direct 
	supervision of their wives Janice and Carol) of the 
	<SPAN class=yellow><STRONG>
	Cypress Hill Winery</STRONG></SPAN>.
	 The current location 
	was opened in June, 2009.</P>
	<P>This small urban winery is in the lower level of an old sandstone and brick 
	building located in the downtown Carrousel District of Mansfield, OH. This is a 
	true wine cellar where the tasting room is situated in the midst of a working 
	winery. The exposed stone walls, the oak wine barrels and the rustic 
	surroundings all contribute to the ambiance and relaxing atmosphere. 
	</P>
  </DIV>
 </DIV>

 <DIV class=floatyImg>
  <IMG height=362 src="images/hompageImages.png" width=400>
 </DIV>

</DIV>

So you won't need the "z-index" anymore.

Third, - the CSS:

.body {
	background: url("images/BG.png"); 
	overflow: auto; 
	width: 100%; 
	height: 379px; }

.bodyTxt {
	padding: 5px 0 5px 10px;
	background: url("images/bodyBg.png"); 
	width: 400px; 
	color: #fff; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	position: absolute;
	margin:10px; /* optional */}

.floatyImg {
	float: right;
	width: 400px; 
	position: relative;
	margin-right: 20px; }

.bodyTxtInner {
	padding: 0 0 0 15px; /* optional */
	width: 265px }

additionally

.separator {
	background: url("images/separator.png"); …

UI / UX Design html-css web-design

Troy III 272 Posting Pro

15 Years Ago

Re: List list list

Yes. There's no need for <p> element in front of <li>, so no, you don't have to.

Otherwise I must confess I hardly understand your question, if at all. But I will presume that your problem is solved.

Cheers.

UI / UX Design web-design

Troy III 272 Posting Pro

15 Years Ago

Re: Trying to overlap divs in CSS - IE7 problem

You should correct your HTML errors first

UI / UX Design html-css web-design

Troy III 272 Posting Pro

15 Years Ago

Re: JavaScript works in MSIE but not FireFox

1. I do not understand why you say it doesn't exists.
2. There are 10 txtrate fields, txtrate1 to txtrate10
asp:TextBox ID="txtrate1"....
not html fields.
index is 1 to 10.
3. Again it works in MSIE but not FireFox.
4. I also do not see the difference between yours and mine except for the spaces around +
Yours
var _rate = "ctl00$ContentPlaceHolder1$txtrate" + index;
var rate = document.getElementById(_rate).value;
Mine
var _rate = "ctl00$ContentPlaceHolder1$txtrate"+index;
var rate = document.getElementById(_rate).value;
5. What am I missing?

:')
Are you putting that script in the document header???
Because if you aren't, you shouldn't read this.

1. getElementById() returning null, always has a meaning that the element of that query is not available.

2. I know there are at least 10 elements you are trying to handle there. It doesn't matter if they are text-box or input fields or divs or whatever for as long as they are available to the script, so the culprit is elsewhere.

3. I've tested the code in IE6, FX, Opera9 & even Flock before posting it , - and it worked as expected in all!
This picture proves that your code in my order is working on FX too! http://i27.tinypic.com/2qnursj.png
Didn't test in Safari though, and I'm sure even with this code order, you will be getting back that "null".

4. In fact, there's nothing wrong with your code at all, they're both exactly …