API tools faq
paste
MoonSideMKDS

Centered image, drop down box, and reverse caption. HTML

MoonSideMKDS
Dec 3rd, 2012
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML text-align="center">
  2. <head>
  3. <!--instructions #1fix margin on top bottom, left right, get the dimensions of the sections right.--!></!----!>
  4. <!--trash bin--!>
  5. <!--I want java script to do this. or something similar, so that it can derive the exact amount of measurement required so that the viewer sees the select bar in the center of the screen.
  6.     <target machine=ipaddress>
  7.     a = total pixels of <target machines monitor>
  8.      type="text/css">
  9.       #footer   {
  10.       clear: both;
  11.        }
  12.       input, select {
  13.        float:right;
  14.        margin:left;350
  15.        text-align:center;
  16.        width:350px;
  17.        height:
  18.        border:
  19.        }
  20.        </style>
  21.        
  22.        #footer   {
  23.       clear: both;
  24.        }
  25.       <div id="wrap">
  26.     <div id="select">
  27.     principle of relative positioning is the solution to the problem.
  28.     <div class="wrap">
  29.                <div id="select">
  30.                <div id="left">
  31.                </div>          
  32.               <script>public static void main(String[] args)  
  33. static
  34. class 2="onclick(getip)
  35. static
  36. </script>
  37.     --!></!---->
  38.  
  39. <style type="text/css">
  40.        input, select {
  41.        #wrap {
  42.        float: right;
  43.        position:relative;
  44.        left:50%
  45.        }
  46.        #select {
  47.        float: left;
  48.        position:relative;
  49.        left:-50%
  50.        }
  51.        input, h2 {
  52.        float: right;
  53.        position:relative;
  54.        left:50%
  55.        }
  56.        input, h2{
  57.        float: left;
  58.        position:relative;
  59.        right:-50%
  60.        }
  61.        input, h1{
  62.        margin:top;3px
  63.        
  64. </style>
  65. <bgcolor="d9d900">
  66. <title>welcome to Alias Nation</title>
  67. </head>
  68. <body>
  69. <div id="main">
  70.            <h1><div id="truemain" align=center></h1>
  71.            <h2><div class="banner" align=center><img url="http://s1291.beta.photobucket.com/user/MoonSideMKDS/media/mainbannerexampledesireddimensions.png.html" target="_class 2"><img src="http://i1291.photobucket.com/albums/b557/MoonSideMKDS/mainbannerexampledesireddimensions.png" border="class 2" alt="example banner"/></a></h2>
  72.            </div>
  73.            <br>
  74.            <br>
  75.            </div>
  76.            <div id="selectyouraliasespace" align=center>  
  77.               <br>
  78.                <br>
  79. <select align="center" name="Choose your aliase">
  80.            <option value=a>select your aliase</option>
  81.            <option value=0>school</option>
  82.            <option value=1>government</option>
  83.            <option value=2>hospital</option>
  84.            <option value=3>vigilance theory</option>
  85.            <option value=4>theorom of just difference</option>
  86.            <option value=5>theorom of like difference</option>
  87.            <option value=6>creation theorom<option>
  88.            <option value=7>Broken Reunion theorom.</option>
  89.            <option value=8>Recursion Theorom. </option>
  90.            <option value=9>5-state set theorom.</option>
  91.            <option value=10>Internet girlfriends Theorom.</option>
  92.             <option value=11>Theorom of XAT.</option>
  93.                    <option value=12>bank</option>
  94.                    <option value=13>money</option>
  95.                    <option value=14>enterprise.</option>
  96.                    <option value=15>home</option>
  97.                    <option value=16>house</option>
  98.                    <option value=17>boolean</option>
  99.                    <option value=18>contrapositive, a study in logic.</option>
  100.                    <option value=19>Proof theorom</option>
  101.                    <option value=20>mathemathical induction, deduction.</option>
  102.                    <option value=21>Summation notation</option>
  103.                    <option value=22>convergence, divergence</option>
  104.                    <option value=23>growth, decay, compound interest, continual compound interest</option>
  105.                    <option value=24>The definition of a polynomial function</option>
  106.                    <option value=25>The definition of time, and the meaning of life.</option>
  107.                    <option value=26>Solution for the grand unifcation theorom</option>
  108.                    <option value=27>How the universe really came to be.</option>
  109.                    <option value=28>Thoughts on religion.</option>
  110.                    <option value=b>Thoughts on politics.</option>
  111.                    <option value=c>thoughts on liberal arts.</option>
  112.                    <option value=d>Why a person becomes suicidal</option>
  113.                    <option value=e>What little wisdom I do have to offer.</option>
  114.                    <option value=f>Mathemathics.</option>
  115.                    <option value=g>Chooose your nation.</option>
  116.                    <option value=h>leaving room for the forums.</option>
  117.            </select></div></div></div>
  118.                <br>
  119.                  <br>
  120. <p align="center">Alias Nation is an educational thing, It's free. It's secure, it's protected.</p>
  121. </body>
  122. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!