Hexagora Forum

Hexagora Forum

All Forums

Dynamic HTML Editor

CSS bug in exported HTML

Note: You must be registered in order to post a reply.

Screensize:

UserName:

Password:

Format Mode:

Format:

Message:

* HTML is OFF
* Forum Code is ON

Smilies

Check here to include your profile signature.

T O P I C R E V I E W
JazzcatCB	Posted - 22 Jul 2005 : 10:31:09 Davide, can you help me figure out why this exported code will not work properly? Both of the two HTML statements below work fine on a MSIE-based browser. However, the second statement loses it's CSS 'font class' attributes in Opera. I have commented the intervening code so that the second statement executes right after the first statement. Both statements have identical syntax. Yet one works and the other doesn't. You can find the web page at http://www.myfilmvalet.com/mfvRegister.asp Thank you for whatever help you can offer. <!-- FIRST HTML STATEMENT: CSS works ok on both MSIE and Opera --> <div id='ldhelabelAcctTitle' name='ldhelabelAcctTitle' style='position:absolute;left:175px;top:110px;width:591px;height:31px; text-align:left;' align='left' valign='top'> <font class='tahoma16FFFFFFFFFFFFtb'>Registration </font><font class='tahoma16FFFFFFFFFFFFt'>Form</font><br> </div> <!-- SECOND HTML STATEMENT: CSS works ok on MSIE but not Opera --> </div id='ldheLabel2' name='ldheLabel2' style='position:absolute;left: 225px;top:205px;width:141px;height:51px;text-align:right;' align='left' valign='top'> <font class='arial11FFFFFFFFFFtb'>Username</font><font class='arial110FFFFFFt'><br></font><font class='arial8E3FFFFFFFFFFt'>Can be no longer than 12 characters with no spaces.</font><br> </div> <!-- CSS STYLE SHEET (note: this comment is not in the style sheet) --> .verdana100FFFFFFt{ font-family:Verdana;font-size:13px;color:#000000;text-decoration:none; } .tahoma16FFFFFFFFFFFFtb{ font-family:Tahoma;font-size:21px;color:#FFFFFF;font-weight:bold;text- decoration:none; } .tahoma16FFFFFFFFFFFFt{ font-family:Tahoma;font-size:21px;color:#FFFFFF;text-decoration:none; } .arial11FFFFFFFFFFtb{ font-family:Arial;font-size:15px;color:#FFFF00;font-weight:bold;text- decoration:none; } .arial110FFFFFFt{ font-family:Arial;font-size:15px;color:#000000;text-decoration:none; } .arial8E3FFFFFFFFFFt{ font-family:Arial;font-size:11px;color:#FFFFE3;text-decoration:none; } .verdana10FFFFFFFFFFt{ font-family:Verdana;font-size:13px;color:#FFFF00;text-decoration:none; }
5 L A T E S T R E P L I E S (Newest First)
JazzcatCB	Posted - 23 Jul 2005 : 20:14:33 Thank you for the suggestion Davide. I did replace <font with <span and </span> but it didn't fix the problem. You should also know that your code generator formats SSI statements thus: "<!-- #include..." I discovered (the HARD way) that the space between the comment and the #include causes my Apache web server to ignore the directive. Once I eliminate the space, it works fine.
s.dav	Posted - 23 Jul 2005 : 11:30:36 Hello JazzcarCB, Sorry I don't remember that you are using version 1.x. Version 2.x supports both type of positioning so I've explained you the method to make your page compliant with opera using the new version of my software. Try to change the <font class... to <span class... and let me know if this method works
JazzcatCB	Posted - 23 Jul 2005 : 00:34:03 I also wondered why you changed your html generation from absolute positioning in 1.8 to tables in 2.3? I thought table-based web pages were a thing of the past? Did you find that using absolute positioning was causing too many cross-browser compatibility problems? Thanks, Chris.
JazzcatCB	Posted - 22 Jul 2005 : 23:09:29 Hi Davide, I checked out your form, and it appears to be defined inside of a table. As far as I know, Dynamic HTML Editor 1.8 does not support this. Also, the text positioning on my page is fine. The problem is that the font type, the color, and point size are incorrect. These are all attributes defined in the CSS 'font class'. I have tested my page by commenting everything that comes between the first statement, which as I said worked, and the second statement, which does not work. I commented all of the form code out. I can't see anything that should cause the 'font class' of the second statement to fail. Is there anything else that you can see that may be causing this?
s.dav	Posted - 22 Jul 2005 : 13:31:37 To avoid problems I suggest you (when you use input fields) to insert input fields into a form object and use for all your objects the RELATIVE position type. I know that Opera has some problem using absolute positioning with form and input fields. http://www.hexagora.com/dw_dhe_templates_up.asp I have created this page using Dynamic HTML Editor and it is perfectly compatible with all browsers ;-) I think that yours is not a CSS problem but a positioning problem ;-)

Hexagora Forum

Snitz Forums 2000