HTML The Definitive Guide (121 page)

Read HTML The Definitive Guide Online

Authors: Chuck Musciano Bill Kennedy

BOOK: HTML The Definitive Guide
2.53Mb size Format: txt, pdf, ePub

Frames are enabled with a special frame document. Its contents do not get displayed. Rather, the frame document contains extension HTML tags that tell the browser how to divide its main display window into discrete frames, and what documents go inside the frames.

The individual documents referenced and displayed in the frame document window act independently, to a degree; the frame document controls the entire window. You can, however, direct one frame's document to load new content into another frame. That's done by attaching a name to a frame and targeting the named frame with a special attribute for the hyperlink tag.

11.4 Beyond Ordinary Tables

12.2 Frame Tags

Chapter 12

Frames

 

12.2 Frame Tags

You need to know only three HTML tags to create a frame document: , , and . In addition, the HTML 4.0 standard and Internet Explorer provide the <iframe> tag, which you may use to create inline, or<br/><i>floating<br/></i>, frames.<br/></p><p>A<br/><i>frameset<br/></i>is simply the collection of frames that make up a browser's window. Column-and row-definition attributes for the <frameset> tag let you define the number and initial sizes for the columns and rows of frames. The <frame> tag defines which document - HTML or otherwise -<br/></p><p>initially goes into the frames within those framesets, and is where you may give the frame a name to use for document hypertext links.<br/></p><p><a>Here is the HTML source that was used to generate Figure 12.1<br/></a>: <html><br/></p><p><head><br/></p><p><title>Frames Layout</title><br/></p><p></head><br/></p><p><frameset rows="60%,*" cols="65%,20%,*"> <frame src="frame1.html"> <frame src="frame2.html"> <frame src="frame3.html" name="fill_me"> <frame scrolling=yes src="frame4.html"> <frame src="frame5.html"> <frame src="frame6.html"> <noframes><br/></p><p>Sorry, this document can be viewed only with a frames-capable browser.<br/></p><p><a href = "frame1.html">Take this link</a> to the first HTML document in the set.<br/></p><p>



Notice a few things in the simple frame example and its rendered image (Figure 12.1
). First, the order in which the browser fills the frames in a frameset goes across each row. Second, frame 4 sports a scrollbar because we told it to, even though the contents may otherwise fit without scrolling.

(Scrollbars automatically appear if the contents overflow the frame's dimensions, unless explicitly

disabled with the scrolling attribute in the tag.)
[, 12.4]

Another item of interest is the name attribute in one of the frame tags. Once named, you can reference a particular frame as the location in which to display a hypertext-linked document. To do that, you add a special target attribute to the anchor () tag of the source hypertext link. For instance, to link a document called new.html for display in frame 3, which we've named "fill_me", the anchor looks like this:

If the user chooses the link, say in frame 1, the
new.html
document will replace the original
frame3.html
contents in frame 3. [The target Attribute for the Tag, 12.7.1]

Finally, although Netscape and Internet Explorer both support frames, it is possible that some other browser users will try and view your frame documents. That's why each of your key frame documents should provide a back door to your HTML document collection with the tag.<br/></p><p>Frame-capable browsers display your frames; nonframe-capable browsers display the alternative <noframes> content.<br/></p><p><b>12.2.1 What's in a Frame?<br/></b></p><p>Anyone who has opened more than one window on their desktop display to compare contents or operate interrelated applications knows instinctively the power of frames.<br/></p><p>One simple use for frames is to put content that is common in a collection, such as copyright notices, introductory material, and navigational aids, into one frame, with all other document content in an adjacent frame. As the user visits new pages, each loads into the scrolling frame, while the fixed-frame content persists.<br/></p><p>A richer frame document-enabled environment provides navigational tools for your document collections. For instance, assign one frame to hold a table of contents and various searching tools for the collection. Have another frame hold the user-selected document contents. As users visit your pages in the content frame, they never lose sight of the navigational aids in the other frame.<br/></p> </div> <div class="col-xs-12 text-left pagination-container"> <ul class="pagination"><li class="prev"><a href="/read-online-html-the-definitive-guide-full/books-120" data-page="119">&laquo;</a></li> <li class="first"><a href="/read-online-html-the-definitive-guide-full" data-page="0">1</a></li> <li class="disabled"><span>...</span></li> <li><a href="/read-online-html-the-definitive-guide-full/books-59" data-page="58">59</a></li> <li class="disabled"><span>...</span></li> <li><a href="/read-online-html-the-definitive-guide-full/books-116" data-page="115">116</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-117" data-page="116">117</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-118" data-page="117">118</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-119" data-page="118">119</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-120" data-page="119">120</a></li> <li class="active"><a href="/read-online-html-the-definitive-guide-full/books-121" data-page="120">121</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-122" data-page="121">122</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-123" data-page="122">123</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-124" data-page="123">124</a></li> <li><a href="/read-online-html-the-definitive-guide-full/books-125" data-page="124">125</a></li> <li class="disabled"><span>...</span></li> <li><a href="/read-online-html-the-definitive-guide-full/books-144" data-page="143">144</a></li> <li class="disabled"><span>...</span></li> <li class="last"><a href="/read-online-html-the-definitive-guide-full/books-163" data-page="162">163</a></li> <li class="next"><a href="/read-online-html-the-definitive-guide-full/books-122" data-page="121">&raquo;</a></li></ul> </div> <div class=""><div class="col-xs-12"><h2>Other books</h2></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-the-detention-club-full">The Detention Club</a> by <span>David Yoo</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-battle-earth-full">Battle Earth</a> by <span>Thomas, Nick S.</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-the-betrothed-sister-full">The Betrothed Sister</a> by <span>Carol McGrath</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-shiftr-swipe-left-for-love-jessica-bbw-bear-shifter-menage-romance-hope-valley-bbw-dating-app-romance-book-8-full">Shiftr: Swipe Left for Love (Jessica) BBW Bear Shifter Menage Romance (Hope Valley BBW Dating App Romance Book 8)</a> by <span>Ariana Hawkes</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-soul-weaver-a-fantasy-novel-full">Soul Weaver: A Fantasy Novel</a> by <span>Trip Ellington</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-robyn-hood-fight-for-freedom-full">Robyn Hood: Fight For Freedom</a> by <span>Shea, K. M.</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-more-than-a-four-letter-word-full">More Than A Four Letter Word</a> by <span>Smith, Stephanie Jean</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-waking-sleeping-beauty-full">Waking Sleeping Beauty</a> by <span>Laurie Leclair</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-what-a-fool-believes-full">What a Fool Believes</a> by <span>Carmen Green</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg"> <g><g id="icon_78_"> <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/> <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/> <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/> <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/> <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/> <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/> <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/> <g fill="#ccd0d2"> <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/> <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/> </g> <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/> </g></g> </svg><div><a href="/read-online-bless-us-father-full">Bless Us Father</a> by <span>Kathy Pratt</span></div></div></div> <!--er--> </div> </div> <div class="row" style="margin-top: 15px;"> </div> </div> </div> <footer class="footer"> <div class="container"> <p class="pull-left"> &copy; READ ONLINE FREE 2015 - 2025&nbsp;&nbsp;&nbsp;&nbsp;Contact for me readonlinefreenet@gmail.com </p> <p class="pull-right"> <!--LiveInternet counter--> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script> <!--/LiveInternet--> </p> </div> </footer> <script src="/assets/ba91f165/jquery.js?v=1529425591"></script> <script src="/assets/618ab67e/yii.js?v=1529414259"></script> <script src="/js/site.js?v=1722099411"></script> <script src="/assets/5e1636ad/js/bootstrap.js?v=1529424553"></script> </body> </html>