html - Put an image on the right side of the page -


so have webpage in html , css, , have contact page. have image want put on right side of page, if do: float: right; doesn't seem work. tried align apparently thing close text-align. if needed, here code (html): cherryplaysroblox 

</head> <body>     <div class="outer"> <ul>   <li><a href="home.html">home</a></li>   <li><a href="about.html">about</a></li>   <li><a href="gallery.html">gallery</a></li>   <li><a href="contact.html">contact</a></li>         <p id="cherry">cherryplaysroblox1</p> </ul> <div class="jumbotron"> <h1>contact</h1> <h4>here few ways can contact me. update page when change anything.</h4>     </div> </div>  <!-- email --> <img src="_gmail.png" alt="gmail" height="30" width="35"> <h4>my email</h4> <!-- twitter --> <img src="_twitter.png.png" alt="twitter" height="35" width="35"> <h4>username</h4> <!-- facebook --> <img src="_facebook.png" alt="facebook" height="35" width="35"> <h4>username</h4> <!-- instagram --> <img src="_instagram.png" alt="instagram" height="35" width="35"> <h4>username</h4> <!-- me --> <div id="photoofme">     <img src="_cherry.png" alt="me" id="me"> </div> </body> </html>

and css code:

#cherry {     color: black;     font-family: 'happy monkey', cursive;     font-size: 20px; }     ul {     list-style-type: none;     margin: 0;     padding: 0;     overflow: hidden;     background-color: darkorchid;     position: fixed;     top: 0;     width: 100%; }     li {     float: left;     border-right: 1px solid white; }     li {     display: block;     color: white;     text-align: center;     padding: 14px 16px;     text-decoration: none; }     li a:hover {     background-color: palevioletred; }     .active {     background-color: palevioletred; }     /*jumbotron*/ .jumbotron {     background-color: sandybrown !important;     float: top;  }     .jumbotron, p + h1 {     color: black !important;     font-family: 'happy monkey', cursive; }   /*body*/ body {     background-color: peachpuff !important; }     h2 {     font-family: 'happy monkey', cursive !important; }  h4 {     }     #me {     float: right;     clear: right; }

i'd appreciate can get!

for correct floating needs @ top, float right whatever comes afterwards in document, if push #me container above #email it's going aligned on right side. in html id uppercase meand in css lowercase #me.

so push top , change lowercase:

... <!-- me --> <div id="photoofme">     <img src="_cherry.png" alt="me" id="me"> </div> <!-- email --> <img src="_gmail.png" alt="gmail" height="30" width="35"> <h4>my email</h4> ...

-

Comments

Post a Comment

Popular posts from this blog

jquery - uncaught exception: DataTables Editor - remote hosting of code not allowed -

i'm trying implement crud operation using datatableseditor using datatables.but i'm getting error messages: 1)uncaught exception: datatables editor - remote hosting of code not allowed. please see http://editor.datatables.net details on how purchase editor license 2)typeerror: a.editor undefined 3) $.fn.datatable.editor not constructor" what reason? here configuration: <%@ page language="java" contenttype="text/html; charset=iso-8859-1" pageencoding="iso-8859-1"%> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>insert title here</title> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.datatables.min.css"> <link re...
Read more

java - SSE Emitter : Manage timeouts and complete() -

i writing web app multiple listeners(evcentsource sse clients js) connected server . want store sse emitter per connected listener : can done in memory or other means assigning id each client able achieve far now question ; how send response/event specific client connected web app ? while doing sseemmiters stored either getting completed or timed out. how prevent ? how keep sseemmiter available open infinite time (till client closes) , send events selectively .
Read more

java - How to resolve error - package com.squareup.okhttp3 doesn't exist? -

i trying convert json java object use of gson in maven, following youtube video guidance - https://www.youtube.com/watch?v=vqgghm9pwe0 , theres error occurs when in main class error - package com.squareup.okhttp3 doesn't exist. code below: java package com.codebeasty.json; import com.squareup.okhttp3.okhttpclient; public class main { private static okhttpclient client = new okhttpclient(); public static void main (string [] args) { } } i put in dependency in pom.xml: <dependencies> <dependency> <groupid>com.squareup.okhttp3</groupid> <artifactid>okhttp</artifactid> <version>3.4.2</version> </dependency> <dependency> <groupid>com.google.code.gson</groupid> <artifactid>gson</artifactid> <version>2.8.0</version> </dependency> </dependencies> i dont understand why doesn't recognize com.squareup. there may need download? have downl...
Read more