Hexagora Forum - CSS bug in exported HTML

Hexagora Forum

Username:	Password:
Save Password
Forgot your Password?

All Forums

Dynamic HTML Editor

CSS bug in exported HTML

New Topic

Reply to Topic

Printer Friendly

Author

Topic

JazzcatCB
Practical

46 Posts

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;
}

Edited by - JazzcatCB on 22 Jul 2005 10:38:39

s.dav
Site Admin

Italy
3364 Posts

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 ;-)

Regards, Davide

JazzcatCB
Practical

46 Posts

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?

JazzcatCB
Practical

46 Posts

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.

s.dav
Site Admin

Italy
3364 Posts

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

Regards, Davide

JazzcatCB
Practical

46 Posts

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.

Topic

New Topic

Reply to Topic

Printer Friendly

Jump To:

Hexagora Forum

Snitz Forums 2000