|
HTML - Kompozer
Has anyone here used Komposer? Does it work for creating basic pages?
Similar TutorialsI'm a total noobie, so don't shoot me if this has been answered before. What is the best way to place text and a link image on top of another image in Kompozer (version 0.8b3 for Mac OSX)? I want the page to be centered in the browser. Or a simple html markup to help me understand would be good too. Seems simple enough, but I cannot figure it out. Can anyone tell me why? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Main</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> #container { width:990px; padding:8px; border:1px solid #999; margin:auto; } #lefthome { width:100px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-bottom:4px; background-color:#fee; float:left; } #time { width:119px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-bottom:4px; background-color:#fee; float:left; } #banner { width:531px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-bottom:4px; background-color:#efe; float:left; } #date { width:119px; height:74px; border:1px solid #999; margin-bottom:1px; background-color:#eef; float:left; } #righthome { width:100px; height:74px; border-top:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999; margin-bottom:4px; background-color:#fee; float:left; } #about { width:482px; height:210px; border:0px solid #999; margin-right:2px; margin-bottom:4px; background-color:#ffe; float:left; } #program { width:482px; height:210px; border:0px solid #999; margin-left:2px; margin-bottom:4px; background-color:#eff; float:left; } .topic { height:110px; border:1px solid #999; margin-bottom:4px; background-color:#eee; float:left; } .left { width:320px; margin-right:2px; } .center { width:320px; margin-right:2px; margin-left:2px; } .right { width:320px; margin-left:2px; } #footer { width:970px; height:38px; border:1px solid #999; background-color:#fef; clear:both; } </style> </head> <body> <div style="font-family: Arial;" id="container"> <div id="lefthome">Click here to go home</div> <div id="time">Tianjin Time<iframe src="http://free.timeanddate.com/clock/is4qzpf/n33/th2/ts1" frameborder="0" height="18" width="62"></iframe></div> <div id="banner">name of site</div> <div id="date">Tianjin date<iframe src="http://free.timeanddate.com/clock/is4qzpf/n33/tt1" frameborder="0" height="18" width="218"></iframe></div> <div id="righthome">Click here to go home</div> <div id="about">me </div> <div id="program">program</div> <div class="topic left">western business</div> <div class="topic center">Chinese word</div> <div class="topic right">culture</div> <div class="topic left">calendar </div> <div class="topic center">links (sausage links) </div> <div class="topic right">archives</div> <div id="footer">bottom banner thermometer icon, weather icon, newspaper icon, chat with me, rss feeds, bookmark this site, guestbook, counter</div> my story/objective </div> </body> </html> |
|||||||