|
|
 |
|
|
Thread Tools | Display Modes |
May 5th, 2006, 2:18 PM
|
#11 |
|
Resident Grouch
 
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10
 |
Have you tried setting padding/margins to 0 or to the same amount for hover/non-hover? As far as your other question, my previous remark holds: you have two empty divs. How the hell do you expect us to tell you to control them when there's no sign of the "image" or any other contents you mention in your post?
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers |
|
|
|
May 5th, 2006, 2:26 PM
|
#12 |
|
Programmer
Join Date: Nov 2005
Location: Estonia
Posts: 97
Rep Power: 0
|
|
|
|
|
|
May 5th, 2006, 3:15 PM
|
#13 |
|
Resident Grouch
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10
|
Well, there's "background-repeat: no-repeat;" and there's "background: url (images/drop.gif) bottom right no-repeat;", stuff like that woiks fer me. I haven't looked at your menu yet, but I shall, later.
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers |
|
|
|
|
May 5th, 2006, 3:49 PM
|
#14 |
|
Resident Grouch
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10
|
This works for me:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#menu {
list-style-type: none;
padding: 10px;
white-space: nowrap;
text-align: right;
background-color: #505050;
margin-left: 3px;
margin-right: 3px;
}
#menu :link, #menu :visited {
color: #ffca00;
text-decoration: none;
padding: 10px;
}
#menu li {
display: inline;
background-color: #505050;
}
#menu li :hover {
background-color: #707070;
}
</style>
<title>Menu Thangy</title>
</head>
<body>
<div id="header">
<ul id="menu">
<li><a href="index.html">Home<a></li>
<li><a href="news.html">News<a></li>
<li><a href="screenshots.html">Screenshots<a></li>
<li><a href="download.html">Download<a></li>
<li><a href="about.html">About<a></li>
<li><a href="questions.html">Questions<a></li>
</ul>
</div>
</body>
</html>
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers |
|
|
|
|
May 6th, 2006, 4:52 AM
|
#15 |
|
Programmer
Join Date: Nov 2005
Location: Estonia
Posts: 97
Rep Power: 0
|
DaWei, you are the first person to help on these forums but sometimes it seems like you dislike me
 Thanks for the menu! |
|
|
|
|
May 6th, 2006, 5:18 AM
|
#16 |
|
Programmer
Join Date: Nov 2005
Location: Estonia
Posts: 97
Rep Power: 0
|
Ok I fixed the repeating thing but look at the bottom now
 :http://commodore.gran.ee/test/ I can fix it with "position: relative; top: 10px;" but then it's phukid in real browsers. EDIT: I remembered that IE reads stuff after # too, but is it OK if I use it? I heard IE7 won't support it. |
|
|
|
|
May 6th, 2006, 6:08 AM
|
#17 | |
|
Resident Grouch
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10
|
Quote:
'#' is the stylistic indicator to indicate an id, rather than a class. IE7 should support it. I suspect the bottom thangy in IE is a margin or padding, though I haven't looked. Here's an idea I use, you're welcome to it: Put a visible border of a noticible color around every element you're having trouble with. It shows you what's what and tells you where to attack. When you're through, set the border thickness to 0 or delete it, whatever blows your nose.
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers |
|
|
|
|
|
May 6th, 2006, 8:31 AM
|
#18 |
|
Programmer
Join Date: Nov 2005
Location: Estonia
Posts: 97
Rep Power: 0
|
I do that often DaWei. I learned the trick from these forums.
|
|
|
|
|
May 6th, 2006, 8:56 AM
|
#19 |
|
I eat cake for breakfast.
Join Date: Jul 2004
Location: In my box.
Posts: 4,434
Rep Power: 9
|
If you use Firefox, you can grab the Web Developer extension and use its Outline function so you don't have to go around hacking your code to show borders.
|
|
|
|
|
May 6th, 2006, 9:43 AM
|
#20 |
|
Resident Grouch
Join Date: Jun 2005
Posts: 6,453
Rep Power: 10
|
Which doesn't help when IE behaves differently, which is the problem with his last thangy
 .
__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers |
|
|
|
|
| Bookmarks |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | |
|
|
Linear Mode
