Borders på ul-länk fungerar inte

jag tycker den beter sig lite märkligt i netscape. explorerproblemet kommer jag inte på vad det är för fel men prova gärna

#submenu li a {
			padding: 2px 8px;
			text-decoration: none;
			border-bottom: 2px solid black;
		}
		#submenu li a:hover {
                        padding: 2px 8px;
			border-bottom: 2px solid white;
                 }

caya skrev:

jag tycker den beter sig lite märkligt i netscape. explorerproblemet kommer jag inte på vad det är för fel men prova gärna

#submenu li a {
			padding: 2px 8px;
			text-decoration: none;
			border-bottom: 2px solid black;
		}
		#submenu li a:hover {
                        padding: 2px 8px;
			border-bottom: 2px solid white;
                 }

Fungerade inte.

Grejen är ju att den svarta borden syns ju inte ens. Den ska ju synas även utan hover.

silfver skrev:

Är jag bara trött eller har jag stött på någon lustig bugg? :)

Jag tror du är trött ;)

IE har inget stöd för sådana hovereffekter. Kommer med IE7... Tror du skrivit det själv tidigare...
Du måste lura IE som jag visade ett exempel på i ett tidigare inlägg i dag om hover... genom att plocka in en effekt på sidan, dölja den och sedan ta fram den igen på nytt ställe. Men om det går med border under text, vet jag inte.
Kanske om man i stället för border skriver_________ och stylar den fet.
Är själv lite trött nu, men jag tror du får knepigt. Berätta gärna om du hittar någon lösning.

IE har stöd för hover på <A>. :)
Jag lade till float:left; på li a{}.

                li {
		float:left;
		list-style:none;
		margin:4px;
		}
		li a {
		float:left;
		text-decoration:none;
		border-bottom:2px solid #000;
		}
		li a:hover {
		border-bottom:4px solid #000;
		}

... vilket i praktiken "gör om" <a> till ett blockelement, så "problemet" kom sig antagligen av skillnader i tolkningen av hur border skall läggas ut i inline-element (a) som ligger inuti i ett block-element (li i detta fall pga float-stilen) med border...

Testade det praktiskt också förresten, och det verkar alltså gå ungefär lika bra i MSIE med

display: block

i stället för

float: left

enligt Insiders exempel. :bire

Vad jag kunde se på silfvers sida i ff var det en heldragen tjock linje under länkarna som blev en tunn linje vid hover, under den länk man hovrade, Det är ju bara att byta färgerna på era förslag så att det blir så under varje ord. Men om han nu vill att linjen inte ska brytas? Hur gör man då?

Insider, tackar för den! :bire

jarvklo: Det stämmer. Ditt förslag fungerade också ypperligt. *Markerar två*:)

Då var det inte en bugg då, utan jag som vart lite trött. Så säger vi. :OO :p

Jag tackar er alla i alla fall, för att ni hjälpte mig.