התחבר | הרשמה | שאלות נפוצות
Anonymous

A little help Please!

+ פרסם תגובה

2 הודעות עמוד 1 מתוך 1


A little help Please!

על ידי beginner47 » ד' מאי 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>

קבצים מצורפים

  1. page.jpg (236.56 KiB) הורד 328 פעמים

סמל אישי של המשתמש

beginner47

  • הודעות: 1
  • הצטרף: ד' מאי 09, 2018 6:01 am

Re: A little help Please!

על ידי taynguyenem » ב' יולי 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.
סמל אישי של המשתמש

taynguyenem

  • הודעות: 20
  • הצטרף: ב' פברואר 05, 2018 3:28 pm
--
Preview site only Html: teamviewdownload.com, winrarfree.net


+ פרסם תגובה

עמוד 1 מתוך 1

cron