probleem css buttons..!

Pagina: 1
Acties:
  • 30 views sinds 30-01-2008

  • Rebellista
  • Registratie: November 2006
  • Laatst online: 14-06-2024
heyy,,

Ik heb n probleem met de css buttons in me menu..

Ik heb twee achtergronden voor de buttons, eentje voor de normale link en eentje voor mouse-over. Echter als ik er overheen ga blijft de achtergrond hetzelfde..

kan iemand me misgien vertellen wat het probleem is? Aangezien ik niet zoveel ervaring heb nog..

Mvg,

Jesse

Intel Core i5 750~3.6Ghz + CM Hyper 212 - MSI p55-gd80 - 8GB 1600Mhz GeIL - MSI Radeon RX 580 ARMOR 8G OC - CM690 + 4x Scythe Slip Stream


  • Rebellista
  • Registratie: November 2006
  • Laatst online: 14-06-2024
mn CSS:


#menu { height:30px; background:url(logo.jpg) repeat-x left top; }
#menu ul { list-style-type:none; }
#menu ul li { float:left; margin-top:4px; }
#menu li a span { display:none; }
#menu li a { display:block; height:26px; }


.home { background-image:url(file:///C|/Documents%20and%20Settings/Jesse/Bureaublad/Projecten/RawDesign/button.jpg); width:90px; }
.aboutus { background-image:url(file:///C|/Documents%20and%20Settings/Jesse/Bureaublad/Projecten/RawDesign/button.jpg); width:90px; }
.rawevents { background-image:url(file:///C|/Documents%20and%20Settings/Jesse/Bureaublad/Projecten/RawDesign/button.jpg); width:90px; }
.partners { background-image:url(file:///C|/Documents%20and%20Settings/Jesse/Bureaublad/Projecten/RawDesign/button.jpg); width:90px; }
.contact { background-image:url(file:///C|/Documents%20and%20Settings/Jesse/Bureaublad/Projecten/RawDesign/button.jpg); width:90px; }


a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(button.jpg) no-repeat;
height: 30px;
width: 90px;
vertical-align: middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: left;
padding-top: 5px;
padding-left: 18px;
text-decoration: none;
}

a.mainlevel:hover {
background-image:url(file:///C|/Documents and Settings/Jesse/Bureaublad/Projecten/RawDesign/button_over.jpg);
height:30px;
width:90px;
font-family:"Rockwell Extra Bold";
}

Intel Core i5 750~3.6Ghz + CM Hyper 212 - MSI p55-gd80 - 8GB 1600Mhz GeIL - MSI Radeon RX 580 ARMOR 8G OC - CM690 + 4x Scythe Slip Stream


  • Rebellista
  • Registratie: November 2006
  • Laatst online: 14-06-2024
de html:

<!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" />

<title>Untitled Document</title>
<link href="test.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#FFFFFF">

<div id="menu">
<ul>
<li class="home"><a href="#">Link 1</a></li>
<li class="aboutus"><a href="#">Link 2</a></li>
<li class="rawevents"><a href="#">Link 3</a></li>
<li class="partners"><a href="#">Link 4</a></li>
<li class="contact"><a href="#">Link 5</a></li>
</ul>
</div>

</body>


</html>

Intel Core i5 750~3.6Ghz + CM Hyper 212 - MSI p55-gd80 - 8GB 1600Mhz GeIL - MSI Radeon RX 580 ARMOR 8G OC - CM690 + 4x Scythe Slip Stream


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Hallo Rebellista,

Ten eerste, je hoeft niet onder elke post te groeten, lees hier ook waarom: Het algemeen beleid #reageren

Daarnaast is het niet de bedoeling om maar replies te plaatsen in je eigen topic. En al helemaal niet als je zelf als laatste reageert. Dat wordt gezien als een kick en dat doe je met je eigen topic pas na 24 uur.

Wat je nu gedaan hebt, is behoorlijk compleet, probeer een kant-en-klare testcase te maken, waardoor wij je veel beter en sneller op weg kunnen helpen naar je oplossing.

Om code te plaatsen (ja dat kan makkelijk in 1 reply ;)), kan je gebruik maken van Overzicht van UBB-codes

Als je hier specifiek kijkt, Overzicht van UBB-codes #tag_code, dan zie je dat je voor je code de tags [code=css][/] en [code=html][/] kan gebruiken. Hierdoor wordt je code overzichtelijker en vele malen leesbaarder.

Laatste opmerking: probeer een titel voor je topic te verzinnen die de lading dekt. Iedereen heeft een probleem, dus het woord probleem zegt niet zo heel veel he ;)

Wellicht handig om ook even de Webdesign, Markup & Clientside Scripting Policy door te nemen, zodat je met volgende topics in de Devschuur® wat beter weet wat de policies hier zijn.

Normaliter pas ik je topic aan, wijzig je topictitel, verwijder je overbodige posts, maar dit keer mag je het zelf doen. Probeer met bovenstaande tips gewoon een nieuw topic aan te maken, die wel voldoet aan onze eisen. Hierdoor helpt men je sneller, waardoor je zelf sneller geholpen bent (best logisch dus :P)

Succes met je nieuwe topic!

[ Voor 97% gewijzigd door BtM909 op 08-02-2007 13:37 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Dit topic is gesloten.