Avatar billede zetn Nybegynder
19. april 2007 - 13:31 Der er 5 kommentarer og
1 løsning

Procentdel af billed markeret - med point og rette sted

Hej Php guruer,

Jeg står og overvejer om det er muligt at få en del af billedet markeret (dvs. en procentdel skal være sort/hvid og den anden del skal være i farver, self. afhængig af den procent jeg angiver)

Systemet skal bruges til at grafisk vise hvor stor en rating vores side har (hvor mange stjerner). Dvs. hvis vi har 3.4 stjerner (ud af 5) så skal 3 af stjerne være i farver og 40% af 4. stjerne... resten skal være sort/hvid.

Håber i kan forstå problemet

På forhånd tak!
Avatar billede barklund Nybegynder
19. april 2007 - 13:34 #1
Det laves nemmest i CSS med lidt background-offset og den slags :)
Avatar billede mclemens Nybegynder
19. april 2007 - 13:48 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title></head><body>
<div style="background:url('http://www.eksperten.dk/img/flag_green.gif');width:50px;height:10px;overflow:hidden;"><div style="background:url('http://www.eksperten.dk/img/flag_yellow.gif');width:68%;"></div></div>
(3,4/5 = 68%)
</body></html>
Avatar billede mclemens Nybegynder
19. april 2007 - 13:50 #3
(manglede lige en height:10px til FF)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title></head><body>
<div style="background:url('http://www.eksperten.dk/img/flag_green.gif');width:50px;height:10px;overflow:hidden;"><div style="background:url('http://www.eksperten.dk/img/flag_yellow.gif');width:68%;height:10px;"></div></div>
(3,4/5 = 68%)
</body></html>
Avatar billede zetn Nybegynder
19. april 2007 - 15:26 #4
Hej igen,

Tak for jeres bud. Har brugt mclemens metode, så hvis du lige smider et svar.
Avatar billede mclemens Nybegynder
19. april 2007 - 15:28 #5
Kommer her :o)
Avatar billede mclemens Nybegynder
19. april 2007 - 19:20 #6
Tak for point :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester