i have this code below and want to make the list item a link without changing the CSS <div class="diva1"> <ul class="large let"> <li><ul style="visibility: visible; animation-name: fadeInLeft;" class="fadeInLeft wow small"> <li class="sml1">Company</li> <li class="sml2">About</li> <li class="sml2">Team</li> <li class="sml2">Forums</li> <li class="sml2">Contact</li> <li class="sml2">Guidelines & Policies</li> </ul></li> Code (markup):
np! You can change the style in your CSS by editing .sml1 a {your style code} That will only change the style for the Company link though. If you're looking to edit the style for the entire list after you've put href tags on them, then you'll want to reference the UL class. So you'd change .fadeInLeft a {your style code}
I'd also be questioning the uselessly vague classes/id's, the pointless unnecessary classes since you should be targeting via inheritance, the static style in the markup, the possibly pointless DIV around it, only a list inside the LI without some form of heading to say WHY it's a separate list item... ... and that you are asking NOT to change the CSS, which is pretty much a must-have since to make those links they need to be anchors... well, unless you want to piss all over accessibility by using scripttardery. Of course, this is why the complete semantic markup for the page should have been created -- INCLUDING making the things that are anchors be anchors -- BEFORE even the first line of CSS was written!
Yeah, I'd agree with deathshadow on that one too. Cleaning up your classes and IDs will definitely make it easier to style the list and get them looking the way you want.