Question

A full Navbar with logo(image) in the center using only HTML/CSS, please no javascript or bootstrap....

A full Navbar with logo(image) in the center using only HTML/CSS, please no javascript or bootstrap. Thank you

0 0
Add a comment Improve this question Transcribed image text
Answer #1

Follow the html and css file for solution of your question.

 ​ <div class="container"> <div class="logo"> <img Class = center src="https://cdn.theorg.com/b3a97fb7-4303-4e26-b412-b939a36fd914_medium.jpg"  width="20" height = "80"/> </div> <nav> <ul> <li>Options</li> <li>Options</li> <li>Options</li> <li>Options</li> <li>Home</li> <li>Services</li> <li>Products</li> <li>Clients</li> <li>Options</li> <li>Options</li> <li>Options</li> <li>Options</li> </ul> </nav> </div> <hr /> ​
 .container{ clear:both; overflow:auto; } nav{float:center;} .logo img{float:center;} ul li{ display: inline-block; padding:10px; font-size:23px; font-family:sans-serif; } ul li:hover{ color:blue; } .center { display: block; margin-left: auto; margin-right: auto; width: 8%; }

In the above code width is 8%. You can change the percent based on your image.

If you want to both are in (HTML and CSS) same file then copy the css code under in

 <head>            <style>                          \\ copy the css code here           <style> <head> //rest of HTML code

Output:

Have a nice day..

Add a comment
Know the answer?
Add Answer to:
A full Navbar with logo(image) in the center using only HTML/CSS, please no javascript or bootstrap....
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT