CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old May 30th, 2006, 04:33 AM
LazyStudent's Avatar
LazyStudent LazyStudent is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Location: Leeds, UK
Posts: 67 LazyStudent User rank is Corporal (100 - 500 Reputation Level)LazyStudent User rank is Corporal (100 - 500 Reputation Level)LazyStudent User rank is Corporal (100 - 500 Reputation Level)LazyStudent User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 17 h 11 m 29 sec
Reputation Power: 12
Secret arrows

I use to learn HTML by normally downloading source such as Javascripts etc. However, I noticed lately people don't use pictures of arrows or atleast it does not show in the source code.

example is to go to here and see the code for the news or add boxes with blue arrows. The HTML source will not show the image file used.

Have they done it by CSS?

Reply With Quote
  #2  
Old May 30th, 2006, 10:10 AM
pumpkin head pumpkin head is offline
what do I know about diamonds?
Dev Shed Novice (500 - 999 posts)
 
Join Date: Jul 2003
Location: ON, Canada
Posts: 950 pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)  Folding Points: 51652 Folding Title: Beginner FolderFolding Points: 51652 Folding Title: Beginner FolderFolding Points: 51652 Folding Title: Beginner Folder
Time spent in forums: 1 Week 1 Day 35 m 53 sec
Reputation Power: 173
Hi,

You are right, they have done this with css.

if you look at the code the list elements <li> have a class of lnkcnt
and if you look at the css file you can see that they gave it a background image of the blue arrow and selt to to be at the left side and not repeat.

.lnkcnt{
float:left;
padding:0px 0px 0px 9px;
background-image:url(/img/arrow_blue.gif);
background-position:0px 4px;
background-repeat:no-repeat;
}

hope that clears things up for ya.
__________________


Reply With Quote
  #3  
Old May 30th, 2006, 04:56 PM
LazyStudent's Avatar
LazyStudent LazyStudent is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jan 2004
Location: Leeds, UK
Posts: 67 LazyStudent User rank is Corporal (100 - 500 Reputation Level)LazyStudent User rank is Corporal (100 - 500 Reputation Level)LazyStudent User rank is Corporal (100 - 500 Reputation Level)LazyStudent User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 17 h 11 m 29 sec
Reputation Power: 12
Oh thank you very much pumpkin.

Reply With Quote
  #4  
Old May 30th, 2006, 07:49 PM
pumpkin head pumpkin head is offline
what do I know about diamonds?
Dev Shed Novice (500 - 999 posts)
 
Join Date: Jul 2003
Location: ON, Canada
Posts: 950 pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)pumpkin head User rank is First Lieutenant (10000 - 20000 Reputation Level)  Folding Points: 51652 Folding Title: Beginner FolderFolding Points: 51652 Folding Title: Beginner FolderFolding Points: 51652 Folding Title: Beginner Folder
Time spent in forums: 1 Week 1 Day 35 m 53 sec
Reputation Power: 173
No Problem, glad i could help
Comments on this post
medialint agrees!

Reply With Quote
  #5  
Old May 30th, 2006, 07:53 PM
medialint's Avatar
medialint medialint is offline
Type Cast Exception
Dev Shed God 20th Plane (14500 - 14999 posts)
 
Join Date: Apr 2004
Location: OAKLAND CA | Adam's Point (Fairyland)
Posts: 14,938 medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)medialint User rank is General 112nd Grade (Above 100000 Reputation Level)  Folding Points: 319635 Folding Title: Super Ultimate Folder - Level 1Folding Points: 319635 Folding Title: Super Ultimate Folder - Level 1Folding Points: 319635 Folding Title: Super Ultimate Folder - Level 1Folding Points: 319635 Folding Title: Super Ultimate Folder - Level 1Folding Points: 319635 Folding Title: Super Ultimate Folder - Level 1Folding Points: 319635 Folding Title: Super Ultimate Folder - Level 1
Time spent in forums: 6 Months 2 Weeks 2 Days 13 m 33 sec
Reputation Power: 8490
Facebook
moving to css since it's a css issue, albeit informatively resolved
__________________
medialint.com

“Today you are You, that is truer than true. There is no one alive who is Youer than You.” - Dr. Seuss

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Secret arrows

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap