html - How do i put text below a div tag? -


i have used divs make 2 images both sides of table, once divs have ended text input <p> appear above divs despite being later in code. want text appear below table. here code.

<!doctype html> <html> <head> <link rel = "stylesheet" type = "text/css" href="website.css"/> <title> stoge guitars </title> </head> <body> <div id = "container">     <div id = "x">         <img src= "images/workshop.png" id = "guitar">     </div>     <div id = "c">           <img src= "images/workshop.png" id = "guitar2">     </div>     <div id = "v">           <table>         <tr>             <th colspan = "5" id = "stogeguitars"> stoge guitars </th>         </tr>         <tr>             <th>home</th>             <th>our custom guitars</th>             <th>forum</th>             <th>workshop gallery</th>             <th>contact us</th>         </tr>         </table>     </div>     </div> <p> should below table </p>  </body>

css

body { background-image:     url("http://images.epiphone.com.s3.amazonaws.com/products/les-paul/les-paul- standard-plustop-pro/gallery/pop_lpstdpluspro-hb.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-size: cover; } #stogeguitars { font-size: 20pt; font-family: "times new roman", times, serif; font-style: italic; } table, th, td { border: 1px solid black; } table { width: 60%; margin-left: 20%; margin-right: 20%; position: fixed; } #guitar { float: left;  } #guitar2  { float: right;    }  #guitar { width: 19%; height: 100%; position: fixed;  }  #guitar2 { width: 19%; height: 100%; position: fixed;  right: 0px; } p { border: 0px; text-align: left; }

help appreciated thanks. sorry if i've made silly mistake, 16 , new html , css.

i have modified both html , css code:

jsfiddle

html

<center> <div id = "container">     <div id = "x">         <img src= "https://fedoraproject.org/w/uploads/6/66/artwork_f9themes_shoowa_shoowa-horizontal.png" id = "guitar" />     </div>     <div id = "v">           <table>         <tr>             <th colspan = "5" id = "stogeguitars"> stoge guitars </th>         </tr>         <tr>             <th>home</th>             <th>our custom guitars</th>             <th>forum</th>             <th>workshop gallery</th>             <th>contact us</th>         </tr>         </table>         <p> should below table </p>     </div>     <div id = "c">           <img src= "https://fedoraproject.org/w/uploads/6/66/artwork_f9themes_shoowa_shoowa-horizontal.png" id = "guitar2" />     </div>     </div> </center>

css

body { background-image:     url("http://images.epiphone.com.s3.amazonaws.com/products/les-paul/les-paul- standard-plustop-pro/gallery/pop_lpstdpluspro-hb.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-size: cover; margin:0; } #stogeguitars { font-size: 20pt; font-family: "times new roman", times, serif; font-style: italic; } table, th, td { border: 1px solid black; } table { width:100%; } #x { display:inline-block; position: fixed; left:0px; top:0px; width: 19%; height: 100%; }  #v { margin:0; display:inline-block; top:0px; width: 62%; height: 100%;    border:1px solid red; /* remove line it's checking boundaries  */ }  #c { display:inline-block; position: fixed; right:0px; top:0px; width: 19%; height: 100%; }  img {     width:100%;     height:100%; }  p { position:relative; text-align:left; }

Comments

Post a Comment

Popular posts from this blog

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more