CODEWITHSUNDEEP
htmlcss
dannysood
dannysood

Reputation: 1149

Problem with aligning of links

Hi, I am making this website but I don't know why these images are not aligning properly. The link for menu and about I want to do the same with contact and event but can't until I figure out the problem.

This website is for a friend and I want to make it the best it can. Please help . Thanks :)

I found a tutorial to do the hover thing from some website but can't figure out the problem.

http://themuv.com/tester123/bombay3/index.php

I guess it has something to do with positioning but what exactly is the problem?

Upvotes: 0

Views: 67

Answers (1)

Kamal
Kamal

Reputation: 1964

I examined your code and it's super strange. The main reason why those two links won't aligned inline is because you set display: block to this element. I guess you use this css attribute so that it match the width and height that you've specified. And I see you use a css background image just for those two (actually) textual links.

Here is my suggestion:

  1. Use simple text instead of background image.
  2. Remove that totally unnecessary element as the parent of those two links (it's not semantically right anyway)

Here is the code

<a href="#">Menu</a> | <a href="#">About</a>

set the css like this

a{ color: #fff; } a:hover{color: #000; }

It should be so very-very simple, but you make it so complicated dude ;)

Upvotes: 1

Related Questions