|
Blue Forest http://www.lslnet.com at 8:28 on August 25, 2006
 Reconstruction finally used a small DIV+CSS page! Please comment!
[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
"Html>
"Head are
"Meta http-equiv=" Content-Type "content=" text/html; charset=gb2312 "everywhere
"Meta name="_ftn1"" keywords "content=" chinadaily china Daily China Daily "everywhere
"Meta name="_ftn1"" description "content=" div+css study DIV+CSS "everywhere
"Title> Untitled Document" /title>
"Style type=" text/css ""
Body (
Margin:0px;
Font-family : Arial, Helvetica, sans-serif;
Font-size : 12px;
Text-align:center;
}
A:link{
Font-weight : bold;
Text-decoration : none;
Color : #CC00CC;
Text-align:left;
}
A:visited{
Color : #CC0066;
Text-decoration : none;
}
A:hover{
Color : #0000FF;
Text-decoration:underline;
}
Div{display:inline;}
#top{
Margin:0px;
Background-color : #FF9966;
Width:800px;
Height:30px;
Line-height:30px;
Display:inline;
}
#toplogo{
Background-color : #E2DBC0;
Display:block;
}
#content{
Margin-left:auto;
Margin-right:auto;
Width:800px;
}
#content-right{
Padding:3px;
Float:right;
Width:140px;
Text-align:justify;
Background-color : #CCFFCC;
Height:600px;
}
#content-left{
Padding:3px;
Float:left;
Width:480px;
Text-align:justify;
Height:600px;
}
#content-middle{
Padding:0px;
Float:left;
Width:160px;
Text-align:left;
Background-color : #CCFFCC;
Height:600px;
}
#left1{
Height:100px;
}
#left2{
Height:100px;
Margin-top:5px;
}
#left3{
Height:100px;
Margin-top:5px;
}
#left4{
Height:100px;
Margin-top:5px;
}
#footer{
Clear:both;
Margin-left:auto;
Margin-right:auto;
Width:740px;
Text-align:center;
Height:60px;
}
#pwd {height:10px;}
. Input{
Width:100px;
Height:20px;
Font-family:Tahoma;
}
. Home{
Margin-top:3px;
Width:160px;
Border-right:1px solid #99FF33;
Border-bottom:2px solid #99FF33;
}
. Home1{
Padding-left:3px;
Width:160px;
Border-left:5px solid #99FF33;
}
"/style>
"/head>
"Body>
"Assume filled="f"" top ""
"Div>
"SCRIPT language=" JavaScript ""
Today=new Date ();
Var date; var hello; var day;
Hour=new Date (). GetHours ()
Minute=today.getMinutes ()
If (hour "6) hello= 'good morning'
Else if (hour "9) hello= 'good morning'
Else if (hour "12) hello= 'Good morning,'
Else if (hour "14) hello= 'good afternoon'
Else if (hour "17) hello= 'good afternoon'
Else if (hour "19) hello= 'good evening'
Else if (hour "22) hello= 'Good evening'
Else {hello= 'good night')
If (today.getDay () ==0) day= 'Sunday'
Else if (today.getDay () ==1) day= 'Monday'
Else if (today.getDay () ==2) day= 'Tuesday'
Else if (today.getDay () ==3) day= 'Wednesday'
Else if (today.getDay () ==4) day= 'Thursday'
Else if (today.getDay () ==5) day= 'Friday'
Else if (today.getDay () ==6) day= 'Saturday'
Date= (today.getYear ()) + ',' + (today.getMonth () + 1) + 'on' +today.getDate () + 'Day';
Document.write (Panorama);
"/SCRIPT>! It is : "SCRIPT>
Document.write (date + '' + day + '' + hour + ':' +minute);
"/SCRIPT>
"/div>
"Assume Historic Significance of the Transitional Budget" margin-left:160px; "a style='mso-footnote-id:ftn1'" | "," 1 "," Home</a> | "a style='mso-footnote-id:ftn1'" 2 "," News</a>|<a style='mso-footnote-id:ftn1' "3" "
Living in China</a>|<a style='mso-footnote-id:ftn1' "4" "MMS</a> |" a style='mso-footnote-id:ftn1' "5", "SMS</a> |<a style='mso-footnote-id:ftn1'" 6 ""
About us</a> |<a style='mso-footnote-id:ftn1' "7" and "Contact us</a>|</div>
"Assume filled="f"" toplogo ""
"Div><img defended" lt_news_photo_files/llogo_lt.gif "save" absmiddle "" defended the various factions "lt_news_photo_files/top_468x60.gif" save "absmiddle" "defended the various factions" lt_news_photo_files/clogo_lt.gif "save" absmiddle "" </div>
"/div>
"/div>
"Assume filled="f"" content ""
"Assume filled="f"" content-right ""
The article inquiries :
"Assume filled="f"" pwd "" "input name="_ftn1"" pass "type=" government "formal" input "tabindex=" 1 "size =" 10 ""
"<img Defended" lt_news_photo_files/search2_lt.gif "save" right "and" </div>
"/div>
"Assume filled="f"" content-middle ""
"Assume a formal" home "and" Historic Significance of the Transitional Budget <div "padding-bottom:4px;width:155px;background-color:#ffffff; "" defended the various factions "lt_news_photo_files/channel_home_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" 1 "and" Home<br>
English front page "/a></div></div>
"Assume a formal" home "and" Historic Significance of the Transitional Budget <div "padding-bottom:4px;width:155px;background-color:#ffffff; "" defended the various factions "lt_news_photo_files/channel_news_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" 2 "," News
English<br VOA News English "/a></div></div>
"Assume a formal" home1 "" <div Historic Significance of the Transitional Budget "font-size:13px;" "<a style='mso-footnote-id:ftn1'" 3 "," Picture story</a> "a style='mso-footnote-id:ftn1'" 4 "," Bilingual
News "/a><a style='mso-footnote-id:ftn1'" 5 "," Newsmakers</a> "a style='mso-footnote-id:ftn1'" 6 "," Business news "</a>" a style='mso-footnote-id:ftn1' "7", "news Sports</a>
"Style='mso-footnote-id:ftn1' a" 8 "," Entertainment</a></div></div>
"Assume a formal" home "and" Historic Significance of the Transitional Budget <div "padding-bottom:4px;width:155px;background-color:#ffffff; "" defended the various factions "lt_news_photo_files/channel_listening_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" 11 "," Online Listening<br> Online Listening "/a></div></div>
"Assume a formal" home1 "" <div Historic Significance of the Transitional Budget "font-size:13px; "" <a style='mso-footnote-id:ftn1' "a" and "Normal speed news</a>" a style='mso-footnote-id:ftn1' "b", "Special speed news</a>" a style='mso-footnote-id:ftn1' "c", "BBC news stories "</a>" a style='mso-footnote-id:ftn1' "d" "Speech</a></div></div>
"Assume a formal" home "and" Historic Significance of the Transitional Budget <div "padding-bottom:4px;width:155px;background-color:#ffffff; "" defended the various factions "lt_news_photo_files/channel_word_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" e "," Words Garden<br> vocabulary Paradise "/a></div></div>
"Assume a formal" home1 "" <div Historic Significance of the Transitional Budget "font-size:13px;" "<a style='mso-footnote-id:ftn1'" a "," Hot words "</a>" a style='mso-footnote-id:ftn1' "b", "Words and stories</a>" a style='mso-footnote-id:ftn1' "c", "Special words "</a>" a style='mso-footnote-id:ftn1' "d" "Vocabulary</a></div></div>
"Assume a formal" home "and" Historic Significance of the Transitional Budget <div "padding-bottom:4px;width:155px;background-color:#ffffff; "" defended the various factions "lt_news_photo_files/channel_book_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" e "," Book reading channel Channel<br> "/a></div></div>
"Assume a formal" home1 "" <div Historic Significance of the Transitional Budget "font-size:13px;" "<a style='mso-footnote-id:ftn1'" a "," Weekly book "</a>" a style='mso-footnote-id:ftn1' "b" "Bestsellers list</a></div></div>
"Assume a formal" home "and" Historic Significance of the Transitional Budget <div "padding-bottom:4px;width:155px;background-color:#ffffff; "" defended the various factions "lt_news_photo_files/channel_Kaleidoscope_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" f "/a></div></div>" Kaleidoscope<br> Kaleidoscope "
"Assume a formal" home1 "" <div Historic Significance of the Transitional Budget "font-size:13px;" "<a style='mso-footnote-id:ftn1'" 3 "and" Today in history "</a>" a style='mso-footnote-id:ftn1' "4" "Quote of the day "</a>" a style='mso-footnote-id:ftn1' "5", "Daily joke</a>" a style='mso-footnote-id:ftn1' "6" "Riddles</a>" a style='mso-footnote-id:ftn1' "7", "Festivals "/a><a style='mso-footnote-id:ftn1'" 8 "" "</a>" a style='mso-footnote-id:ftn1' "h", "Fact of the day "</a>" a style='mso-footnote-id:ftn1' "8", "Cities</a></div></div>
"Assume a formal" home "," <div><img defended "lt_news_photo_files/channel_forum_lt.gif" save "left" and "<a style='mso-footnote-id:ftn1'" g "," English English Forum Forum<br> "/a></div></div "
"/div>
"Assume filled="f"" content-left ""
"Assume filled="f"" left1 "" <a style='mso-footnote-id:ftn1' "1", "the various factions of the party yesterday signed a" lt_news_photo_files/xin_010502101032324142022.jpg "border" 0 "to save the" left "and" the list
"Style='mso-footnote-id:ftn1' a" 1 "and" Fireworks light up everywhere Spasskaya Tower of the Kremlin</a><br
Fireworks light up Spasskaya Tower of the Kremlin in Moscow May 9, 2005.</div>
"Assume filled="f"" left2 "" <a style='mso-footnote-id:ftn1' "2", "the various factions of the party yesterday signed a" lt_news_photo_files/xin_070502191006491148073.jpg "border" 0 "to save the" left "and" </a><a style='mso-footnote-id:ftn1' "2", "CSKA
Moscow storm back to win UEFA Cup final</a><br everywhere
A Sporting Lisbon fan shows her disappointment after the match against CSKA Moscow in the UEFA Cup final May 18 at Alvalade stadium in Lisbon. 2005.
2005-05-19 "/div>
"Assume filled="f"" left3 "" <a style='mso-footnote-id:ftn1' "3", "the various factions of the party yesterday signed a" lt_news_photo_files/xin_340502131014730312652.jpg "border" 0 "to save the" left "and" the list
"Style='mso-footnote-id:ftn1' a" 3 "," A giant inflatable Gromit in Cannes Film Festival</a><br everywhere A giant
Inflatable dog, the "Gromit" character from the "Wallace and Gromit" series
Of animated films, is installed in front of the Carlton Hotel on the Croisette
During the 58th Cannes Film Festival May 12, 2005. 2005-05-13 "/div>
"/div>
"/div>
"/div>
"Assume filled="f"" footer, "" Copyright by chinadaily.com.cn. All rights reserved<br>
Copyright : China Daily website without permission, no person shall columns of this complex system. For reproduced on this website, please contact. "Organization Department Holds Press Conference
None of this material may be used for any commercial or public use. Reproduction
In whole or in part without permission is prohibited. "/div>
"/body>
"/html>
[/html] |
| The first time, with the total picture shows there is not a local disk, but also to please everyone! Thank you! ! |
Yes, but I just started using a similar mistake div+css (also not wrong anymore. Just is not very appropriate) list of types of data : The best is "to achieve ul><li></li></ul> structure rather than use the loop.
Div+css does not mean that we have all the things that are div+css. . . -_-, I began to think so. . . |
"!DOCTYPE HTML PUBLIC" -//W3C//DTD HTML 4.01 Transitional//EN ""
"!DOCTYPE Html PUBLIC" -//W3C//DTD XHTML 1.0 Transitional//EN "" http : //www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd ""
"Meta http-equiv=" Content-Type "content=" text/html; charset=gb2312 ""
"Meta http-equiv=" Content-Type "content=" text/html; charset=gb2312 "[color=#ff00ff]/[/color]> |
Thank you Sheneyan : what now seems to want to use more DIV+CSS DIV+CSS! ! Certainly correct!
|
| DW : Thank you add mirycat:DOCTYPE is, I forget changed! Oh! ! Also bear in mind that "the closure of his /"! ! |
| Increases in the head inside of a lot of things have forgotten! ! Name="_ftn1" "robots" name="_ftn1" "north" name="_ftn1" "description" name="_ftn1" "keywords" too eager! Laughed! |
FIREFOX, NETSCAPE, OPERA visit -- terrible!
IE box model positioning by the "fault-tolerant high" in the deception.
Learning the right direction!
MS commitment to the soon-to-be-launched IE7.0 will revise our part Bug! |
| DW : zbm2001z : Thank you, and learn just because so many are familiar with CSS or not, I will slowly change! ! |
Brother : Why I would like some master files first : "!DOCTYPE HTML PUBLIC" -//W3C//DTD HTML 4.01 Transitional//EN "and" replaced by : "!DOCTYPE html PUBLIC" -//W3C//DTD XHTML 1.0 Transitional//EN "" http : //www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd ""
The content of the page shows the location on the changed! I use the dreamweaver-mx! Please answer the question! |
Mean that the browser files of the first two DTD HTML tags (HTML4.O, XHTML1) of two different forms of interpretation, of course, there are certain differences, XHTML1-Strict (you use the xhtml1-Transitional.dtd) should represent the future (in fact, the promotion abroad has been a very long time) standards, as well as a standard XML.
Please see detailed information.
|
| Zbm2001z : Thank you, xhtml1-Transitional.dtd HTML4.O-Transitional.dtd how incompatible? How to know what time for what should be the "head" ah? |
|
