You are viewing our Forum Archives. To view or take place in current topics click here.
HTML CSS Coding Help || Transitions Please!
Posted:

HTML CSS Coding Help || Transitions Please!Posted:

TurboChargers
  • Prospect
Status: Offline
Joined: Mar 15, 201212Year Member
Posts: 675
Reputation Power: 25
Status: Offline
Joined: Mar 15, 201212Year Member
Posts: 675
Reputation Power: 25
Hello I am going to keep it short. I have been doing these transitions to my navigation bar for my website on Adobe Dreamweaver but I cannot seem to get it right.

The code I am using is in the picture below. It is at the very bottom of the coding. Sorry, I forgot to highlight it but I am sure the HTML and CSS genius can spot it. By the way I am a noob when it comes to coding HTML and CSS! XD

Thanks (:

[ Register or Signin to view external links. ]
#2. Posted:
Craig
  • Discord Elite
Status: Offline
Joined: Jan 16, 201212Year Member
Posts: 20,271
Reputation Power: 17065
Motto: 2b || !2b
Motto: 2b || !2b
Status: Offline
Joined: Jan 16, 201212Year Member
Posts: 20,271
Reputation Power: 17065
Motto: 2b || !2b
Try this...

#nav ul li  {
  text-decoration: none;
  color: #66F;
}


or

.nav ul li  {
  text-decoration: none;
  color: #66F;
}


Usually needs a (.) or a (#) before the linked item from the HTML.

Could be wrong it's 6AM :'( Lemme know I'll halp you later.
#3. Posted:
TurboChargers
  • Prospect
Status: Offline
Joined: Mar 15, 201212Year Member
Posts: 675
Reputation Power: 25
Status: Offline
Joined: Mar 15, 201212Year Member
Posts: 675
Reputation Power: 25
I know that but I am stuck with the "nav ul li a:hover{" I cannot seem to get the ease transition to work. I hope you can help. I searched everywhere but people were using the design view. For my college I am only allowed to used HTML5 and CSS Coding.
#4. Posted:
superdankleberry
  • Challenger
Status: Offline
Joined: Dec 15, 201211Year Member
Posts: 190
Reputation Power: 7
Status: Offline
Joined: Dec 15, 201211Year Member
Posts: 190
Reputation Power: 7
Quick tip, Drop Dreamweaver.

Use notepad++ or zend.

I know Dreamweaver has a great design view but i think its lazy with the forms and shit, Xammp is great for client side and server side customisation. I advise any developer to do so.
#5. Posted:
Jerbo06
  • 2 Million
Status: Offline
Joined: Apr 16, 201113Year Member
Posts: 570
Reputation Power: 48
Status: Offline
Joined: Apr 16, 201113Year Member
Posts: 570
Reputation Power: 48
I created a JsFiddle and all seems to work for me, I also added the browser specific annotations for better result across all browsers.
[ Register or Signin to view external links. ]
#6. Posted:
Cyimking
  • E3 2016
Status: Offline
Joined: May 02, 201212Year Member
Posts: 1,129
Reputation Power: 34
Status: Offline
Joined: May 02, 201212Year Member
Posts: 1,129
Reputation Power: 34
superdankleberry wrote Quick tip, Drop Dreamweaver.

Use notepad++ or zend.

I know Dreamweaver has a great design view but i think its lazy with the forms and shit, Xammp is great for client side and server side customisation. I advise any developer to do so.


I use Dreamweaver and love it. If anything, I would suggest Eclipse with PDT not notepad++. Also, I doubt he is going to spend $$$ on Zend. Also he is not using any server side scripting so Xammp would be pointless.
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.