HI ,
I am getting problem with mozilla if i use these type of html and css.please help me.
image is wrapping around and some times image is missing.
Here is the code
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<Title>Servic es
</Title>
<head>
<link href="http://192.168.1.111:8 080/xmlapps/phone/stylesheets/Phonestyles.css ?version=0.0027 99746465795949" rel="stylesheet " type="text/css" />
<style>
#screen.main-page01 #page {
background: url(http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=SEP2012 834193.gif&Pack age=Custom);
}
#screen.main-page01 #page a#button {
position: absolute;
display: block;
}
#screen.main-page01 #page a#button.Tab0 {
width: 129px;
height: 35px;
top: 58px;
left: 20px;}
#screen.main-page01 #page a#button.Tab1 {
width: 129px;
height: 35px;
top: 107px;
left: 20px;}
#screen.main-page01 #page a#button.Tab2 {
width: 129px;
height: 35px;
top: 153px;
left: 20px;}
#screen.main-page01 #page a#button.Tab3 {
width: 129px;
height: 35px;
top: 58px;
left: 169px;}
#screen.main-page01 #page a#button.Tab4 {
width: 129px;
height: 38px;
top: 107px;
left: 169px;}
#screen.main-page01 #page a#button.Tab5 {
width: 129px;
height: 35px;
top: 153px;
left: 169px;}</style>
</head>
<body>
<div id="screen" class="main-page01" >
<div id="page">
<a id="button" class="Tab0" href="http://192.168.1.111:8 080/xmlapps/phone/Hsk/HskMenu.jsp?mMe nuPage=1" />
<a id="button" class="Tab1" href="http://192.168.1.111:8 080/xmlapps/phone/Htmlstaticpgs/Events/eventsmenu.jsp? mMenuPage=1" />
<a id="button" class="Tab2" href="http://192.168.1.111:8 080/xmlapps/phone/hotelevent/hotelevents.jsp ?eventtype=1&mM enuPage=1" />
<a id="button" class="Tab3" href="http://192.168.1.111:8 080/xmlapps/phone/staticpages/hotel.jsp?mMenu Page=1" />
<a id="button" class="Tab4" href="http://192.168.1.111:8 080/xmlapps/phone/staticpages/eatdrink.jsp?mM enuPage=1" />
<a id="button" class="Tab5" href="http://192.168.1.111:8 080/xmlapps/phone/staticpages/rockline.jsp?mM enuPage=1" />
</div>
<div id="mainmenupro mpt">
<p>Touch menu item to select option</p>
</div>
<div id="navbar">
<a id="Soft2" href="http://192.168.1.111:8 080/xmlapps/phone/mainmenu.jsp?pa ge=0"><img src="http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=PgUp.gi f&imageno=0.935 2325195429294"/></a><a id="Soft3" href="http://192.168.1.111:8 080/xmlapps/phone/mainmenu.jsp?pa ge=2"><img src="http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=PgDn.gi f&imageno=0.017 096411465435835 "/></a><a id="Soft5" href="http://192.168.1.111:8 080/xmlapps/phone/idle.jsp"><img src="http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=Exit.gi f&imageno=0.920 5082966114528"/></a></div>
</div>
</body></html>[/html]
I am getting problem with mozilla if i use these type of html and css.please help me.
image is wrapping around and some times image is missing.
Here is the code
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<Title>Servic es
</Title>
<head>
<link href="http://192.168.1.111:8 080/xmlapps/phone/stylesheets/Phonestyles.css ?version=0.0027 99746465795949" rel="stylesheet " type="text/css" />
<style>
#screen.main-page01 #page {
background: url(http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=SEP2012 834193.gif&Pack age=Custom);
}
#screen.main-page01 #page a#button {
position: absolute;
display: block;
}
#screen.main-page01 #page a#button.Tab0 {
width: 129px;
height: 35px;
top: 58px;
left: 20px;}
#screen.main-page01 #page a#button.Tab1 {
width: 129px;
height: 35px;
top: 107px;
left: 20px;}
#screen.main-page01 #page a#button.Tab2 {
width: 129px;
height: 35px;
top: 153px;
left: 20px;}
#screen.main-page01 #page a#button.Tab3 {
width: 129px;
height: 35px;
top: 58px;
left: 169px;}
#screen.main-page01 #page a#button.Tab4 {
width: 129px;
height: 38px;
top: 107px;
left: 169px;}
#screen.main-page01 #page a#button.Tab5 {
width: 129px;
height: 35px;
top: 153px;
left: 169px;}</style>
</head>
<body>
<div id="screen" class="main-page01" >
<div id="page">
<a id="button" class="Tab0" href="http://192.168.1.111:8 080/xmlapps/phone/Hsk/HskMenu.jsp?mMe nuPage=1" />
<a id="button" class="Tab1" href="http://192.168.1.111:8 080/xmlapps/phone/Htmlstaticpgs/Events/eventsmenu.jsp? mMenuPage=1" />
<a id="button" class="Tab2" href="http://192.168.1.111:8 080/xmlapps/phone/hotelevent/hotelevents.jsp ?eventtype=1&mM enuPage=1" />
<a id="button" class="Tab3" href="http://192.168.1.111:8 080/xmlapps/phone/staticpages/hotel.jsp?mMenu Page=1" />
<a id="button" class="Tab4" href="http://192.168.1.111:8 080/xmlapps/phone/staticpages/eatdrink.jsp?mM enuPage=1" />
<a id="button" class="Tab5" href="http://192.168.1.111:8 080/xmlapps/phone/staticpages/rockline.jsp?mM enuPage=1" />
</div>
<div id="mainmenupro mpt">
<p>Touch menu item to select option</p>
</div>
<div id="navbar">
<a id="Soft2" href="http://192.168.1.111:8 080/xmlapps/phone/mainmenu.jsp?pa ge=0"><img src="http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=PgUp.gi f&imageno=0.935 2325195429294"/></a><a id="Soft3" href="http://192.168.1.111:8 080/xmlapps/phone/mainmenu.jsp?pa ge=2"><img src="http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=PgDn.gi f&imageno=0.017 096411465435835 "/></a><a id="Soft5" href="http://192.168.1.111:8 080/xmlapps/phone/idle.jsp"><img src="http://192.168.1.111:8 080/xmlapps/ImageGrabber?im ageName=Exit.gi f&imageno=0.920 5082966114528"/></a></div>
</div>
</body></html>[/html]
Comment