Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Rotate Text by 90 degrees firefox2

I know you can rotate images with javascript. I just wonder if you can rotate other elements like <div>s or <li>s. And I wonder if you can make javascript condional. So work for a specific browser only...

No!
There is no way to rotate images with javascript that I know of. When presentation content is in question, javascript can do only what css can do. Nothing more.
Meaning: If you can rotate image on its axes with css - than you'll be able to do the same through javascript too.

The thing you are asking is possible with Internet Explorer filters only.

Watch this example: >>here<< - of course using Internet Explorer! (filters can be applied in any html element regardless!)

[sorry i forgot]
--------------------------------------------------------------------
You can hide your scripting from other browsers using:

<script type="text/jscript">
alert ('hello from JSCRIPT')
</script>

<script type="text/javascript">
alert ('hello from All')
</script>

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: find text

That's not true! It can't fail in any possible content.
I never told you to store in an innerHTML. I told you to:

Please use: targetElement.innerText

And than I told you to use cross-browser normalization

str2search = targetElement.innerText||targetElement.textContent

That is, - to normalize the captured content, without having to modify your existing script structure before running the search on it.
And this live example can prove it: javascript: var a = document.getElementsByTagName('textarea')[0]; str2search = a.innerText||a.textContent; document.writeln(str2search); right from your address-bar in this forum page. [in the reply page, of course!!!]

Anyway, the "createTextRange" is not very widely supported - but thanks for asking.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Rotate Text by 90 degrees firefox2

Oh yes, that's CSS3!
therefore using conditionals on css, to predate next generation browsers should be accepted.

IE8 will require to hide its filter css also! -ms-filter: can be used; but for older versions you'll need:

<!--[if IE]>
        <style>
selector { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} //possible values are: 0,1,2,3.
        </style>
        <![endif]-->

to hide it from others.

But I know nothing about earlier versions of FX emulating it with javascript.
Javascript is no help in these situations.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Rotate Text by 90 degrees firefox2

Sorry,
that's something that can be done in IE5 and later only.

You can try this code from: develCuy posted on Apr 29 2007, 11:02 PM.

<html>
<head>
<style type="text/css">
.verticaltext{
font: bold 13px Arial;
position: absolute;
right: 3px;
top: 20px;
width: 15px;
writing-mode: tb-rl;
}

</style>
</head>
<body>
<div class="verticaltext">ASU!1! vertical text</div>
</body>
</html>
Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: find text

hi i don't know it is wright place for it or not.
i am new in javascript programming.
i am try to implement find and replace functionality.
in it i want to search keyword in particular div only. not other part of the page.
i have implement following code
. . .
i am facing one problem in it, that when div innerhtml is like
"this is test <font>string</font>." and search for "string." it will fail and show string like this
"this is test <font>string/font>."
so anybody help me which changes i have to do in my code to remove this bug
thanks for help

Please use: [B]targetElement.innerText[/B] IE / Safari / Chrome / Opera / Konqueror

For Firefox, use: [B].texContent[/B] or for crossbrowser cure the innerHTML string with [B]str2search = targetElement.innerText||targetElement.textContent[/B]

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Tables Align

Didnt work :(

It's like a table within a table. I have one table with to colums, then inside the second column I have another table - I'd like to have that table positioned within the column somewhere in between left and center.

Your table row width is = 410px;
your inner-table width is = 350px,

So you'd like it to sit the halfway-left from where it would've been Centered.

Meaning the center is 1/2 x remaining space,
and that the half way from the 1/2 of the remaining space is again the half of it - that is the quarter!

Total space left is 60px
the half of it is 30px, and the half of this half is 15px

Therefore you wanna give your inner-table margin-left:15px.

That was to answer your question precisely - But, to my opinion, I strongly suggest, you use (0.33 x 60) ~20px; It will look balanced as if some professional artist has done it. :')

You can test them both but I would personally go with:
inner-table { margin-left: 20px }

Regards.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Floats Breaking in other computers

This is how my site currently looks on my PC:

http://i30.tinypic.com/j6ramv.jpg

However, when I go on a friend's computer or someone else's with a different resolution, it displays differently. Instead, those circled (or squared) elements break onto the next line for some strange reason.

If anybody can help me to figure out why, it would be most appreciated. This is my site: http://scrawlfx.com

Thank you! =]

The first of all the mess caused is to correct the element with:
classname= "jcarousel-container jcarousel-container-horizontal" CSS Property
overflow: hiden;

This is to get you started on the right foot!

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Help JS Event onclick to get ID

Hey junkhead, did you finish school?!!
What grade did you get?

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Firefox vs IE...

I have created a PHP page using CSS for styling. It looks great in IE. However, in Firefox, it is just a mess. Here is the link to the page:

http://www.laudontech.com/temp/pceditor.php

Any ideas? Should I develop for Firefox, then try and fix for IE? Or, the other way around?

Thanks in advance,

Mapper

Yeah, it looks as it should on IE.

All container elements are broken in Netscape based browsers.
This is known as a bleeding fox syndrome bug, or "fox on fire behaviour".
It will drop everything out of it container.
You'll be forced to manually set the height of each container element so it'll look as if its holdin it.

  • The div id=search will need the height of exactly 20px.
  • The div id=search2 will need the height of at least 22px.
  • The div id=top of the class=section will need the minimum height of 160px.
  • The div id=middleedit of class=section will need the height of 512px.
  • The div id=middle of class=section will need the same height of 512px. ! and try floating it too.

This should fix it.
Just remember that containers act as if they're inline elements in Netscape children too.

UI / UX Design html-css web-browser web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Help JS Event onclick to get ID

hmm is there an edit button?

anyway

i changed my code a bit to using event listeners but i still cant get the Id to appear in the alert i get either HTMLElement or something like that in the alert or i get an empty alert box
anyone know what im doing wrong?.

sorry for double post but i couldnt edit my first one.

function vulpagina()	{
	var maindiv=document.getElementById("maindiv");
		
for(i=0; i<26; i++){
	var imgnr = i;
var div=document.createElement("div");
var img=document.createElement("img");
var br=document.createElement("br");
var txt=document.createTextNode("dit is div " + i);

	img.src=album[imgnr].url;
	img.style.margin ="10px";
	img.style.padding ="10px";
	img.style.height="80%";
	img.onclick=getImgId;
		div.setAttribute("id","divje" + i);
		div.appendChild(img)
		div.setAttribute('style','float:left');
		div.style.width="20%";
		div.style.height="20%";
		div.appendChild(br);
		div.appendChild(txt);
			maindiv.appendChild(div);
		}
	}
		
function getImgId(){ id = this.id; alert( id ) }
Web Development javascript
Sereal_Killer commented: helpfull +1
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Initial task while designing website.

The essential things you need to get your own site online are:

- A website building tool
- A domain name
- A web host

You'll need to have:
- A Reason to do something like that;
- A content-thing really worthed exposing there;
- Real Money, or: personal skills and a small donation. :')
Regards.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: execCommand with "CreateLink" not working in Firefox but ok in IE

Hmm but document.execCommand with "bold", 'underline' and 'italics' work in FF.

Anyway... if you could point me in the right direction as to how to create a link in FF I'd appreciate. Just a hint will be enough :)

For as far as I know it doesn't,
where did you see that? :')
[in firefox it's only possible in recently adopted 1997 IE technology "contentEditable" mode turned On, not in normal view mode. ]

No, I can't point you to any direction or give you a hint or anything of that sort

But what I can do, is to give you my original code that will also work in FX right?
:')

(FX, Opera and IE tested, -please test it in other browsers and report any eventual problems you might find).

Here is the code:

<html>
<head>
<title>Text to Hyperlink</title> 
</head> 
<body> 
<h1>Create a link</h1> 
Select some text and click the button. The selected text will become the named hyperlink<br>
My Homepage<br>
My Favorite<br>
My Search Page<br><br>
<button onclick="createLink(event)">Make it a link</button> 
<script>
function createLink(e){//b.b. Troy III p.a.e.
 if(e.target){ //get ATL
	var a = window.getSelection().getRangeAt(0);
	var b = a.toString();  
	var z = document.createElement("span");
	var l2 = prompt("Enter URL:", "http://");
		b = b.link(l2);
		z.innerHTML=b;
		a.deleteContents();
		a.insertNode(z) }
 else{ //get the ATW
        document.execCommand("CreateLink") }
}
</script>
</body>
</html>

Note: to shorten the ATL method and gain some efficiency, I've used some widely compatible DOM0,1 methods.

Regards

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Preview an image before upload

This doesnt seem to work on Firefox, chrome, and opera
:'(

Of course it doesn't - what did you expect?

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: execCommand with "CreateLink" not working in Firefox but ok in IE

Hello I'm using this code I got from an example:

<head>
<TITLE>Creating a link</TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
<!--
function createLink() 
{ 
	var szURL = prompt("Enter a URL:", "http://");
	if ((szURL != null) && (szURL != "")) {
		document.execCommand("CreateLink",false,szURL);
	}
}
// --> 
</SCRIPT>
</HEAD> 
<BODY> 
<H1>Creating a link</H1> 
Here's some text. Select some and click the button to turn it into a hyperlink. 
<BR /> 
<BUTTON ONCLICK="createLink()">Click to create the link</BUTTON> 
</body>
</html>

It's working ok in IE, but in Firefox (3.5.3 I'm using), I get the following error:

I have googled for this error but seems nobody is having problems with it? Any help much appreciated, I'm a rookie in javascript.

(line 11 is the CreateLink line)

That's because firefox is not capable of executing this or any other commands associated with document.exec !

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Dynamically changing page title and meta description

decided to go with the php and it works.
thanks all :)

Your question was: "I am trying to dynamically change the <head> <title></title>, as well as <meta name="Description" content="" /> .
I used document.title to change the title.?"I see the title changing in the browser, but when I click on view source in the browser to see it int he code, the title is empty. How can I also see it in the code?"

Meaning your question was strictly targeting the dynamicaly changed content and the ability to see its source.

php asp will serve the content , same way as static html does exept that the page will tell the server what to send before scraping it all up in one body. So if you change anything after the page has loaded your changes will still not be reflected in your code.

But for as long as ypu are happy - it doesn't matter, regards.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: IE Rendering Issues - Help!

Hi,
I'm new to the forum and have just come across this issue when testing my site for the first time in Internet Explorer (I normally use Firefox).
In IE, the 3x3 table renders with the two images in Row 3, Col 1 and Row 3, Col 3, both sized as 1px by 1px with a gap below them, showing the background colour through.

See attached screenshots, the first of Firefox's (correct) and the second of IE7's (incorrect) rendering.

The HTML code is as follows:


Please help me to get the IE rendering the same as FF's!

Thanks in advance,

J

What's so "correct" about FX there. All I see is that you are asking from IE to render a bug.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Dynamically changing page title and meta description

Hi,

I am using PHP & mySql to grab the title and description that I have stored in a table in the DB.

I am trying to dynamically change the <head> <title></title>, as well as <meta name="Description" content="" /> .

That's lots of coding ahead...

I used document.title to change the title. I see the title changing in the browser, but when I click on view source in the browser to see it int he code, the title is empty. How can I also see it in the code?

this will emulate what you ask in FX

<button onclick="
      var a = document.getElementsByTagName('html')[0].innerHTML;
      document.open(document.location).write(a);
      ">Current Source</button>

This will print the button code also!
But you can run it clean from address bar like this: javascript: var a = document.getElementsByTagName('html')[0].innerHTML; document.open(document.location).write(a); just copy-paste this in FX location bar and hit Enter

How do I change the description in the meta tag?

Any ideas?

replace it with a new one..

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: I had problem with onmouse out in div

Hi Thanks to all
My problem is when onmouseover the image is changing but after mouseout image have to return to its backstage. but it is not returning to backstage. the onmouseover event image is setting up.
however
I resolved the problem by setting up the onmouseover events to anchor tag.
Thankyou

Yes that should break the recursive mouseover rising event, but what about second mouseover? That is: after the mouseout event has taken place? It will most probably die. Of course if you don't write the event handler along with the innerHTML of the element you've changed, that is.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: I had problem with onmouse out in div

I had problem with mouse out in div. i tried for one long day in vain. can any one do it. it was an urgent issue.Thank you in advance.
the code is...

That's because you are creating a situation of infinite "mouseover" event occurrence.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Center Image and Size for Browser Window

Troy III,
It works in Firefox but there is no graphic in IE7.
Mike_H

Absolutely IMPOSSIBLE.
The code was tested in explorer 6, and when something works in explorer 6, it will work in explorer 12 too.
Here, try this with omitted doc-type declaration:

<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />

<style type="text/css">
body	 {	margin: 0; padding: 0; border: none; overflow: auto}
div#page {	text-align: center; }
div#page img{	height: 96%; border: none; top: 2%; position: relative }
</style>
</head>
<body bgcolor="#FFFFF0">
<div id="page"><a href="angels_and_demons.html"><img src="http://www.cliffordharrington.com/catholicadultfaith/images/front page graphic.jpg"></a></div>
</body>
</html>

Please Copy-Paste the complete code (AS IS!). Have a nice day.

Image1.jpg 45.6 KB
UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Float Drop - floated elements drop below their expected position

Hello!

I'm having trouble with the CSS of this liquid (flixible ) layout. The problem occurs only in IE7.
Whenever I decrease the size of the browser the #eventsListing (6 images) drops under #content (text/copy).

That's exactly what the content should do when there isn't enough space to fit, so what is your problem exactly. Can we see the page?

UI / UX Design daniweb-bug html-css web-browser web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: IE8 Render Bug

Check out this page in Firefox or Chrome:

http://minorityrecruitonline-com.si-vs1222.com/college/Default1.aspx

Now check out the same page in IE8. I have tried everything to get them to appear the same in both browsers, but no can do.

Any ideas from any HTML gurus out there?

I've just visited your link with my IE6 and it renders almost absolutely the same as in my FX 3.5.2.

The only difference is that "monster add space" is not rendering in the middle. But that's NOTHING, might be some wrong nesting or dimensions missing. Otherwise they render identically and if IE6 is handling it perfectly- I don't see any possibility that IE8 is not rendering it identically.

Otherwise you should ask you template provider, and ask him why?

UI / UX Design html-css web-browser web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Center Image and Size for Browser Window

I have a page with one image that I need to center both horizontally and vertically in the browser window and also to fit vertically without going past the viewport of the screen. It needs to be able to do this on IE7+/Firefox 3+ and all variations of screen resolutions and sizes.

The following code is most promising but does not work in IE7. (I don't have 8 yet.) I think the line
iw=document.body.clientWidth;ih=document.body.clientHeight;}
is not correct for IE. Can someone know the fix for this or have a better way of achieving my goal? You can see the test page at http://www.catholicadultfaith.com/test2.html.

Thanks.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script type='text/javascript'>

function showpic(src, w, h, alt, aln, pw, ph, bw, bh) {

// fit a graphic within the current window or frame
// showpic provided by [url]www.DragonQuest.com[/url]

	if (src==null) return;
	var iw, ih			// Set inner width and height for NS and Explorer
	if (window.innerWidth==null) {
		iw=document.body.clientWidth;ih=document.body.clientHeight;}
	else {iw=window.innerWidth;ih=window.innerHeight}
	if (w==null) w=iw; 				// width
	if(h==null)  h=ih;				// height
	if(alt==null) alt="Picture";		// alt text
	if(aln==null) aln="left";			// alignment
	if(pw==null) pw=100;			// percentage width
	if(ph==null) ph=100;			// percentage height
	if(bw==null) bw=0;			// border width
	if(bh==null) bh=0;			// border height
	var sw=Math.round((iw-bw)*pw/100);
	var sh=Math.round((ih-bh)*ph/100);
	if ((w*sh)/(h*sw)<1) sw=Math.round(w*sh/h);
	else sh=Math.round(h*sw/w);
	document.write('<img src="'+src+'" alt="'+alt+'" width="'+sw+'" height="'+sh+'" align="'+aln+'">');
	}
</script>


<style type="text/css">


div#page {
  width:100%;
	margin:0 auto;
	padding:5px;
	text-align:center;
}


div#content {
  width:100%;
	margin: 0 auto;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size: 1em;
} …
UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: not visible in IE-URGENT

hi
do you think .its a problem with my pc?
my index page where i am viewing this script is asp

No, I think there's no problem with your PC at all - your PC is secured.
But that script and its sourcee is not! Its on a list of adwares and spywares and your security is blocking it from downloading it's unwanted and dangerous content.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: not visible in IE-URGENT

There's nothing from this code that should appear in neither of them.
The code is fine - but are you sure you know what are you calling with that script and what does it do? Or at least why are you injecting alien script source in your page?

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: cloneNode Table Cell Unique ID

have you at least tried after
newRow = row.cloneNode(true);
to
newRow.setAttribute("id", 'theDesiredID');
or better:
newRow.id= "stringID";

?

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: remove dashed border when u press/select a linkd image (pic included)

You guys, are kidding right?!!

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Microsoft Don’t Know Jack About UI Design

Most probably you don't want to have DirectX neither, nor maybe any OS installed at all, for that matter. But computers need software in order to operate! Without it, they're as good as furniture, even less.

Bye the way, it is impossible to tell if there is a single sentence where you are right!

Such an ignorant is not aware of the undeniable historical fact that if it was not for Microsoft and Bill Gates in person, you would be writing this letter with a typing machine today and use fax to deliver it.

You would be seeing real computers only if you'd be lucky enough to be working for state governments or some military intelligence.

But, hey Bill! It's your fault for making it affordable for all kinds of people too,
-now suffer, 'cause you deserve it. :')

Hardware app-store apple apple-hardware iphone microsoft
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: remove dashed border when u press/select a linkd image (pic included)

May I see the code for I'm dying to remove it from Opera!
Did you read my posts on this thread?

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: <tr> link problem in chrome and firefox

I wanna make all tr to link. use this code

<a href="http://www.google.com/ " target="_blank">
<tr>
<td>google</td>
<td>bla bla</td>
<td>bla bla</td>
</tr></a>it works in IE but don't work in firefox and chrome ?

is there any idea ?

Thanks...

Your code works fine on my firefox 3.5.2 /windows OS, - what OS are you using?

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: sound problem

i write to create <embed> object using document.write but as i read document.write isnt supported by our middleware yet and im trying to find different ways to load and play sounds. can you tell me how to load and play sounds dynamicly?

Put the <embed> element in your code - no need to create it through javascript - and leave its source string empty!
Than you can set its source by user action that will trigger a simple function that will assing the address to the file yoou like.

p.s.:
Consider using "object" instead of "embed'.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: remove dashed border when u press/select a linkd image (pic included)

Sorry! As pointed out afterwards, I forgot to put the outline.
Linked images usually have a border, and active ones have an outline, which I forgot about.
The important isn't necessary, I just put it there to emphasize it.

Yes, and how do you remove this focus outline in Opera or in IE?

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: iframe background color

What am i doing wrong? My iframe background stays white.
It must be black.
Can anyone help me plz?

you can also watch here for more universal solution and controll over the Iframe background color from its parent.

The script allows you to set the background color of your iframe(s) from its parent and/or default/adopt to the main page background color automaticaly.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: remove dashed border when u press/select a linkd image (pic included)

Of course not - the outline of the element recieving focus has nothing to do with its borders.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Money counter

try a global variable name:

var counter;

To make it global you must state this outside of the functions that will manipulate its value.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Rollovers not working in FF/Chrome, but IE is okay. 
<SCRIPT language="javascript" type="text/javascript">

function swapImage(image) {
	var Map = (document.getElementById) ? document.getElementById('MapWest') : (document.images) ? document.images['MapWest'] : (document.all) ? document.all['MapWest'] : null;
	if(Map) Map.src = image;
	}
	
</SCRIPT>

Try to correct that one into this:
<SCRIPT type="text/javascript">

function swapImage(image) {
var Map = document.getElementById('MapWest') ||document.images|| MapWest||null;
if(Map) Map.src = image;


alert(Map) //tell us what is the value of this alert please.

}

</SCRIPT>
...because "Language" attribute for the script tag has been deprecated, and using them both (language and type) may cause problems. In case it worked - it might force the browser to use JavaScript v.1.0 mode engine (although I'm sure JS1.0 should be able to interpret your code) but depending on a browser may happen to drop it completely.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: CSS and iframes

oh, thanks for your reply, a respected member of this forum has a signature like this:

"50% of the solution lies in accurately describing the problem!"
Airshow

It can happen to me too! Therefore my question was: "Can you please be more specific?"
But anyway I'm glad you solved it, but I'm sorry for being that dumb to not understand your question the way you wrote it, I'm not that perfect either.

Regards.

UI / UX Design html-css web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Maximize and Minimize Events in Browsers

Sorry but there is no such event [maximize/ minimize/restore] event monitored by any existing browser until now.

But there is the onresize event that will fire on those occasions too.

Therefore you can use window.onresize as a generic maximize/ minimize/restore event monitor. But there's no way you can cancel it, since there's no onbefore...

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: image

I have a page set between frames that has a table with two columns: the left column has an image fixed in one position and in the right column is text (with images). When the window is at 100%, it works, but if the window is dropped to 3/4 size, the image overlaps the text. Site is catbent.com and it's the all about section.

Thanks

you shouldn't use position: fixed at first place - it is not cross-browser supported and it does exactly what you are complaining about.

Use float instead.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: CSS and color transparency

Is there a CSS methodology that makes a particular color transparent? And if there is, will it work on images? For example, let's say I want to make all the white in a cell or a div transparent, as well as the white bits of an image contained in said div/cell?

There is a CSS3
A similar capability was proposed years from now. It still has a status of proposal at W3C since 2001 or 3, but it's being kept frozen.

Although, still not accepted and not defined completely, some browsers claiming to be W3C compliant have already implemented it, as they did with opacity property.

So in browsers "supporting" CSS3 you can make a color transparent using rgba(color,color,color, alpha)
example: [css selector] {color: rgba(255,0,0,0.5) will give you a red text with of 50% transparency on that element. Or if applied in the background you will have 50% transparent red.

But you can't make image color transparent with it.

The only browser that will give you means to achieve something like that right now is IE4++.

Using its chroma filter.

UI / UX Design html-css web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Inner HTML and Internet Explorer problem

Than give it a new id, and change earlier referenced id of "select" in your script with the new id of "td" holding it, and leave everything else intact.
Use this as you guidance:

<td align="right">Language of interest:</td>
      <td id=optSelect>
      <select id="language" name="language" onChange="getSchool1(this.value)">
      <option value="none selected"> --- select --- </option>
      <option value="french">French</option>
      <option value="german">German</option>
      <option value="italian">Italian</option>
      <option value="spanish">Spanish</option>
      <option value="russian">Russian</option>
      </select>
      </td>

...

<script type="text/javascript">
function getSchool1(){
            var x=document.getElementById("optSelect");
            var y = // content retrieved; (!) $language
            x.innerHTML=y;
            }
</script>
Web Development html-css javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Inner HTML and Internet Explorer problem

Thanks for the reply mate. Tried that already however and no luck. I thought it would work too but what happens is that although the data is retrieved and displayed, the dropdown list disapears.

No, no, no. You've doubled that ID!

Just solved in IE but bet it won't work in Mozilla ha ha

But of course it works! You've just lost your bet right now. Ha ha ha.

Regards.

Web Development html-css javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: JavaScript works in MSIE but not FireFox

Sorry you lost it, ...

I know, it will work.
It is the readers with the same problem who will not!

The returned 'null' tell's you that the DOM is not ready during the script execution. But anyway that page will not validate while that dollar sign is still present on those element IDs.

Web Development javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Inner HTML and Internet Explorer problem

Hi everyone,

I hae created a dropdown menu using ajax where each option is populated dynamically based on the previous choice. It works great on Firefox thanks to help I got on this forum.

It doesn't work on IE however. I believe this is because IE doesn't recognise the innerHTML property when applied to a select tag? I've heard mixed reports.

The dropdown option simply fails to populate alhough the AJAX seems to work.

I've changed the id and name properties on the form and tried wrapping each select tag in div tags but no luck so far.

I'm looking for an easy solution to this problem as I've already put an enormous amount of effort into this!

Here's some of my code. Any help much appreciated.

Give that ID of your Select element to TD holding it.
-You're Done!

Web Development html-css javascript
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: CSS and iframes

I am trying to change the display for some elements in an iframe
eg:
the iframe has the following link
<a href="" onclick="window.parent.document.getElementById('element').style.display = 'none'">

however it does not seem to be working, I am trying to figure out is there a way to do this.

Your question is kinda blurry.

You are saying: "I am trying to change the display for some elements in an iframe" with: "<a href="" onclick="window.parent.document.getElementById('element').style.display = 'none'">"

Than, why on earth are you calling its parent(?!!).
-you can't make a pair from two left leg shoes.

You are either trying to change the display property of an element on an iframe from link residing on the parent, or from the link in the iframe to some element in the parent.

But your question is no go, -it's overruling them both.
1] You are saying "I am trying to change the display for some elements in an iframe"; pointing out that the: "some elements" are a part of the iframe. And
2] "the iframe has the following link", meaning that the mentioned link is on an iframe!

Therefore there is no question to answer...
Can you please be more specific?
Why don't you delete the red part of your onclick event declaration on that link... and see if it does the thing you think you asked first :D.

UI / UX Design html-css web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: remove dashed border when u press/select a linkd image (pic included)

That dotted line indicates that the picture has the focus. That is a windows function. It is supposed to be there.

But not here:
http://i25.tinypic.com/21bjf3k.png
Here you have 3-state buttons or should I say "5".
1Normal 2Hovered 3Focused 4Visited 5Active
although 2 of them are intermediary and will only change font color intensity.
Currently Hovered button is "home" sorry you cant see the mosue from the printScreen command. The focused button is "projects" and the current page not indicated by the button state is "contact".

But then Opera does this:
http://i30.tinypic.com/33z9uu9.png
without giving any means to controll it.
At the end everybody will keep his own opinion allthough the situation is clear to see.

Regards.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Trying to overlap divs in CSS - IE7 problem

Troy III,

I really appreciate all the help! I decided to go ahead with plan b anyways - but the advice did help some.

I never knew you were fighting with your deadline, and was not ready to examine your css, before correcting html problems - simply because it is impossible to control the css content interpretation with a broken structure.

But soon after I realized that those 11 html errors reported were all caused by improper placing of your script inside the html element. And since these errors are forgiven and corrected by most of the browsers - I decided to look further in the code.
I noticed that switch of appearing divs you made. But that was just the half of the problem solved.
Than I looked in your CSS and found that both elements are floated and relatively positioned. It worked in FX by accident and only because of a bug known as content bleed-in/out of element containers there. Otherwise floating elements should drop down as soon as there is not enough space to fit them all.

The code I provided will work perfectly in all agents supporting float and positioning...

You can go with your plan B, but I wouldn't recommend it - your page is already too heavy for that near 600 bytes of content. While on the other side your server is equally slow. In addition, you have >27KB of dense javascript code just to make them corners appear …

UI / UX Design html-css web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: ie6 and png transparancy (sorry lol)

and would like to see the transparancy when its displayed!

Well, did you see it? Because the solution i offered is my original solution and I don't like to see it being used without even saying "thanks" in return!

Regards.

UI / UX Design web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: Centering DIVs inside CSS

Thanks again Troy III, I really appreciate your thoughts regarding inline divs etc. You've given me much to ponder about with the rest of my website design. Have a good day.

You're welcome.
And sorry for asking but did it solve your problem?

UI / UX Design html-css web-design
Member Avatar for Troy III
Troy III 272 Posting Pro
Re: JavaScript works in MSIE but not FireFox

Now sorry for asking but did my suggestion for putting your script in the body of the document solve your problem with FX and other Netscape breeds, or not?

Web Development javascript