html - Alignment troubles in CSS -

-

i know website looks pretty crappy. it's work in progress! have no prior html or css experience.

the specific part struggling right how name in site header not aligned links , images. have tried multiple solutions regarding alignment (setting line-height, vertical-align, etc.) nothing working. don't see why starting far header/top of page.

here relevant css:

.header {     margin: 0;     background: #1c1c1c;     text-align: left;     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 60px;     padding: 0;     background: #101010; }  .header h1 {     display: inline;     color: #ffffff; }  .header ul {     display: inline; }  .header ul li {     display: inline; }  .header ul li a:hover {     opacity: 0.5;     background: none; }  .header ul li {     display: inline;     padding: 0 0.2em;     opacity: 0.25; }  .header ul li a:hover {     opacity: 1; }  .header p {     background: #1c1c1c; }

here relevant html:

<div class="header">                 <h1>kyle parker</h1>                  <ul>                     <li>                         <a href="http://www.linkedin.com/pub/kyle-parker/54/16b/965/" title="my resume on linkedin">                             <img src="img/icon-linkedin.png" alt="linkedin" />                         </a>                     </li>                     <li>                         <a href="https://twitter.com/kylesparker" title="follow me on twitter">                             <img src="img/icon-twitter.png" alt="twitter" />                         </a>                     </li>                 </ul>             </div>

can maybe tell me how fix little explanation? thanks!!

try this: http://codepen.io/pageaffairs/pen/pkfig

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <style>  body {margin: 0; padding: 0;}  .header {     margin: 0;     background: #1c1c1c;     text-align: left;     top: 0;     left: 0;     width: 100%;     padding: 0;     background: #101010; }  .header h1 {     display: inline-block; vertical-align: middle;     color: #ffffff; }  .header ul {     display: inline-block; vertical-align: middle; }  .header ul li {     display: inline; }  .header ul li a:hover {     opacity: 0.5;     background: none; }  .header ul li {     display: inline;     padding: 0 0.2em;     opacity: 0.25; }  .header ul li a:hover {     opacity: 1; }  .header p {     background: #1c1c1c; }  </style> </head> <body>  <div class="header">     <h1>kyle parker</h1>      <ul>         <li>             <a href="http://www.linkedin.com/pub/kyle-parker/54/16b/965/" title="my resume on linkedin">                 <img src="http://placehold.it/60x60" alt="linkedin" />             </a>         </li>         <li>             <a href="https://twitter.com/kylesparker" title="follow me on twitter">                 <img src="http://placehold.it/60x60" alt="twitter" />             </a>         </li>     </ul> </div>  </body> </html>

Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more