Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Help With picture placement.

Posted by: jharri74 Jun 6 2018, 01:13 PM

I wrote this code a few months back for a website I haven't had the time to work on recently. Could anyone help me with what code I need to enter to get some pictures, that are links, down the left and right hand side of my center photo, or perhaps tell me what to be looking for in an example forum? Everything I have tried so far either puts it under or above what I already have. I also need help with the top portion but that is not as important. Thanks alot in advance. Code is below picture.
IPB Image

CODE

<!doctype html>
<html>
    <header>
        <title>KerbalizedSpaceX.com</title>
        <link href="main.css" rel="stylesheet"type= "text/css"/>
    </header>
    <body>
        <hr><h1>Kerbalized SpaceX.com</h1><hr>
        <center>
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="page2.html">BFR</a></li>
                    <li><a href="page3.html">DragonV2</a></li>
                    <li><a href="page4.html">Dragon1</a></li>
                    <li><a href="page5.html">Falcon 9</a></li>
                    <li><a href="page6.html">Comments</a></li>
                    <li><a href="page7.html">Blog</a></li>
                </ul>
                <p><img src="http://farm5.staticflickr.com/4637/39277638941_cd168af841_b.jpg"></img></p>
            </nav>

        </center>

    </body>

[code]

Posted by: pandy Jun 7 2018, 02:53 AM

You can see examples of three column layouts here.
http://css-discuss.incutio.com/wiki/Three_Column_Layouts