la lista, bullet vreau sa fie liniuta (minus, dash)
Ultima postare: oct 17 2015 17:10, Inițiat de
mdmilan
, sep 27 2015 11:31
·
0
#1
Publicat: 27 septembrie 2015 - 11:31
Salut,
In fisierul style.css vreau sa fac un stil lista care sa aiba bullet "-" Am linia: .lista {font-family:arial; padding-left:1em; text-indent:-1em; font-size:16px; font-weight:normal; color:black; text-align:justify; list-style-position: inside} Ce mai trebuie sa adaug intre acolade ca sa am lista cu bullet "-" (liniuta, minus, dash)? Multumesc anticipat. Editat de mdmilan, 27 septembrie 2015 - 11:31. |
#3
Publicat: 27 septembrie 2015 - 11:52
Sa inteleg ca linia ar trebui sa arate asa?
.lista {font-family:arial; padding-left:0,5em; text-indent:-0,5em; font-size:16px; font-weight:normal; color:black; text-align:justify; list-style-position: outside; line-height: 150%; li:before { content: "-" }} Am incercat dar nu functioneaza. Gasisem si eu pagina aia dar nu am stiut cum sa integrez comamda in fisierul extern de stiluri style.css. Daca poti fi mai concret, te rog. |
#6
Publicat: 27 septembrie 2015 - 12:13
#8
Publicat: 27 septembrie 2015 - 12:22
dani.user, on 27 septembrie 2015 - 12:13, said:
Una sub alta .lista {font-family:arial; padding-left:0,5em; text-indent:-0,5em; font-size:16px; font-weight:normal; color:black; text-align:justify; list-style-position: outside; line-height: 150%;} li:before { content: "-" } Am incercat dar nu functioneaza. Ramane bullet rotund si apare si o liniuta in fata paragrafului ca primul caracter din paragraf. |
#9
Publicat: 28 septembrie 2015 - 19:34
foloseste css reset ca sa-ti reseteze stilurile default adaugate de browsere.
Inainte de orice css din pagina poti sa adaugi: http://meyerweb.com/...ools/css/reset/ |
#12
Publicat: 17 octombrie 2015 - 14:25
stefanutz13, on 28 septembrie 2015 - 21:36, said:
li: before lesin =))))))))))))))))))))))))))))))) , scz nu m am putut abtine ,dar nu am mai vazut asa ceva niciodata. mdmilan, on 27 septembrie 2015 - 12:22, said:
Adica asa? .lista {font-family:arial; padding-left:0,5em; text-indent:-0,5em; font-size:16px; font-weight:normal; color:black; text-align:justify; list-style-position: outside; line-height: 150%;} li:before { content: "-" } Am incercat dar nu functioneaza. Ramane bullet rotund si apare si o liniuta in fata paragrafului ca primul caracter din paragraf. .lista { list-style-type: none; } .lista li:before { content: "-"; font-weight: bold; padding: 0 4px; } Incearca asa. Editat de Demon000, 17 octombrie 2015 - 14:26. |
#13
Publicat: 17 octombrie 2015 - 17:10
stefanutz13, on 28 septembrie 2015 - 21:36, said:
li: before lesin =))))))))))))))))))))))))))))))) , scz nu m am putut abtine ,dar nu am mai vazut asa ceva niciodata. multumesc pentru raspunsul pertinent pe care mi l-ai dat. am sa tin cont de el. cand o sa ai nevoie de ajutor pe parte de materiale (machete) de tipar, apeleaza cu incredere. o sat te ajut sa intelegi ce este ala bleed (nefolosit in pagini web), punct de raster, despartire in plane de culoare CMYK s.a.m.d. eu nu o sa rad. fiecare cu specialitatea lui. am spus inca de la inceput ca sunt incepator. am facut un curs de html si java script acum cativa ani in urma (vreo 10 ani) dar nu lucrez pe partea de web ci pe partea de tipar. si aveam nevoie de un sfat de la specialisti. Demon000, on 17 octombrie 2015 - 14:25, said:
Inseamna ca esti bata la CSS. Si la gramatica, aparent. .lista { list-style-type: none; } .lista li:before { content: "-"; font-weight: bold; padding: 0 4px; } Incearca asa. am rezolvat-o de atunci. am lasat bullet rotund si asta e. inca o data va multumesc. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ Utilizatori activi: 1
0 membri, 1 vizitatori, 0 utilizatori anonimi