tinfanide Posted February 1, 2011 Share Posted February 1, 2011 Using Dreamweaver CS5, I typed the codes:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Legend Phoenix topmenu</title><style type=text/css> li.topmenu{display=inline;list-style-type:none} a.click:link{text-decoration:none;color:#0F0} a.click:hover{text-decoration:underline}</style></head><body><ul><li class=topmenu><a class="click" href=homepage-LegendPhoenix.html>Home</a></li><li class=topmenu><a href=homepage-LegendPhoenix.html>Team</a></li></ul></body></html>But it still remains to be vertical; I copied the school codes (Display:inline) but with the opening codes<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">It still does not show a horizontal menu.Yet, I removed the codes above. The code "display:inline" worked again.Can anyone who knows this explain to me, please? And,How can I do it (I mean by typing the source codes, not using Dreamweaver buttons instead) in Dreamweaver?Many thanks! Link to comment Share on other sites More sharing options...
ShadowMage Posted February 1, 2011 Share Posted February 1, 2011 li.topmenu{display=inline;list-style-type:none}Is that a typo? Or do you really have an equals sign?It should be display: inline; Link to comment Share on other sites More sharing options...
tinfanide Posted February 1, 2011 Author Share Posted February 1, 2011 Using Dreamweaver CS5, I typed the codes:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Legend Phoenix topmenu</title><style type=text/css> li.topmenu{display=(->":")inline;list-style-type:none} a.click:link{text-decoration:none;color:#0F0} a.click:hover{text-decoration:underline}</style></head><body><ul><li class=topmenu><a class="click" href=homepage-LegendPhoenix.html>Home</a></li><li class=topmenu><a href=homepage-LegendPhoenix.html>Team</a></li></ul></body></html>But it still remains to be vertical; I copied the school codes (Display:inline) but with the opening codes<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">It still does not show a horizontal menu.Yet, I removed the codes above. The code "display:inline" worked again.Can anyone who knows this explain to me, please? And,How can I do it (I mean by typing the source codes, not using Dreamweaver buttons instead) in Dreamweaver?Many thanks!Self-resolved! I searched online and noticed other sample codes and found that there was a small mistake (red-highlighted). After I chanaged it, Dreamweaver turned it into pink. It seems it was all right as shown in the colour. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.