Login | Register | FAQ
Anonymous

A little help Please!

+ Post a reply

2 posts Page 1 of 1


A little help Please!

by beginner47 » Wed May 09, 2018 6:16 am

I want to get the navigation menu, the text & the logo in the same line... i have attached an image... Any help would be appreciated..

[code]

<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
display: inline;
float:left;
}

li A:hover { COLOR: black; TEXT-DECORATION: none; font-weight: none }

a {
display: block;
padding: 16px;
background-color: none;
}

a:link {
text-decoration:none;
}

ul {
background-color: #dddddd;
display:inline;
}


li {
border-right: 1px solid grey;
}
.button {background-color: blue;}
.button2{background-color: green;}


</style>
</head>

<body style="background-color:white;">
<div style="float:left;">
<span><img src="NUSTLOGO.jpg" style="height:100px;width:100px;" ></img></span>
<span><h3 style="color:blue;">NUST ADVANCEMENT </h3> </span>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#getinvolved">Get Involved</a></li>
<li><a href="#Projects">Projects</a></li>
<li><a href="#Features">Features</a></li>
<li><a href="#Contact us">Contact us</a></li>
<li><a href="#Nustgiving">Nust Giving</a></li>
</ul>
</div>

Attachments

  1. page.jpg (236.56 KiB) Downloaded 176 times

User avatar

beginner47

  • Posts: 1
  • Joined: Wed May 09, 2018 6:01 am

Re: A little help Please!

by taynguyenem » Mon Jul 02, 2018 6:59 am

You need insert float:left in to span img and span text h3.
But this is code hard to see. You should replace span with div tag.
Good luck.
User avatar

taynguyenem

  • Posts: 15
  • Joined: Mon Feb 05, 2018 3:28 pm
--
Preview site only Html: teamviewdownload.com, winrarfree.net


+ Post a reply

Page 1 of 1