HTML The Definitive Guide (120 page)

Read HTML The Definitive Guide Online

Authors: Chuck Musciano Bill Kennedy

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

Chapter 11

Tables

 

11.4 Beyond Ordinary Tables

On the face of it, HTML tables are ordinary: just a way for academics and other like-minded data crunchers to format items into columns and rows for easy comparison. Scratch below the surface, though, and you will see that tables are really extraordinary. Besides 

, the  tag and related attributes provide the only way for you to easily control the
layout
of your document in HTML. The content inside a 
 tag, of course, is very limited. Tables, on the other hand, may contain nearly anything allowed in normal body content, including multimedia and forms. And the table structure lets you explicitly control where those elements appear in the users' browser window.
With the right combinations of attributes, tables provide a way for you to create multicolumn text, and side and straddle heads in HTML. They also enable you to make your forms easier to read, understand, and fill out. That's just for starters.
We don't know that we can recommend you get too caught up with page layout - tables or beyond.
Remember, HTML is not about looks, but about content. But ...
It's easy to argue that at least tables of information benefit from some controlled layout, and that HTML forms follow a close second. Tables provide the only way to create predictable, browser-independent layouts for your web pages. Used in moderation and filled with quality content, tables are a tool that every HTML author should be able to wield.
And now that we've whetted your appetite for page layout with tables, don't despair that we've let you
down by ending this chapter without examples - we have several in Chapter 15, Tips, Tricks, and
Hacks
.
11.3 New HTML 4.0 Table
12. Frames
Tags
Chapter 12
12. Frames
Contents:
An Overview of Frames
Frame Tags
Frame Layout
Frame Contents
The  Tag<br/></a></p><p><a>Inline Frames<br/></a></p><p><a>Named Frame or Window Targets<br/></a></p><p>Beginning with Netscape Navigator 2.0, HTML authors have been able to divide the browser's main display window into independent window<br/><i>frames<br/></i>, each simultaneously displaying a different document - something like a wall of monitors in a TV control room. Instantly popular, frames were soon adopted (and extended) by Microsoft for Internet Explorer, and are now standard features for the language in HTML 4.0 frames.<br/></p><p><b>12.1 An Overview of Frames<br/></b></p><p><a>Figure 12.1 is a simple example of a frame display. It shows how the document window may be<br/></a></p><p>divided into columns and rows of individual frames separated by rules and scroll bars. Although it is not immediately apparent in the example, each frame in the window is displaying an independent document. We use different HTML documents in the example, but the individual documents may contain any valid content the browser is capable of displaying, including multimedia. If the frame's contents include a hyperlink that the user selects, the new document's contents - even another frame document - may replace that same frame, another frame's content, or the entire browser window.<br/></p><p><b>Figure 12.1: A simple six-panel frame layout for Netscape<br/></b><img src="/files/05/57/56/f055756/public/index-414_1.png" /></p><p><img src="/files/05/57/56/f055756/public/index-414_2.png" /></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-119" data-page="118">&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-58" data-page="57">58</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-115" data-page="114">115</a></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 class="active"><a href="/read-online-html-the-definitive-guide-full/books-120" data-page="119">120</a></li>
<li><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 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-121" data-page="120">&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-01-wing-warrior-full">01 Wing Warrior</a> by <span>Kevin Outlaw</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-kabbalah-full">Kabbalah</a> by <span>Joseph Dan</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-it-had-to-be-you-165900-full">It Had To Be You</a> by <span>Janice Thompson</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-veiled-seduction-full">Veiled Seduction</a> by <span>Alisha Rai</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-silver-boat-full">The Silver Boat</a> by <span>Luanne Rice</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-about-love-club-decadence-book-6-full">What About Love (Club Decadence Book 6)</a> by <span>Maddie Taylor</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-calm-before-reign-and-ruin-novella-full">The Calm Before (Reign and Ruin novella)</a> by <span>Jules Hedger</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-nemisin-star-full">The Nemisin Star</a> by <span>Elaina J Davidson</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-matt-helm-the-interlopers-full">Matt Helm--The Interlopers</a> by <span>Donald Hamilton</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-jaxsons-song-full">Jaxson&#039;s Song</a> by <span>Angie West</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>