Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024

Suprasolicitare sistem electric
 CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...

Magnet in loc de clește pent...
 Cumparat/Locuit in apartament si ...

Pot folosi sistemul PC pe post de...

Sokol cu distorsiuni de cross-over

Filtru apa potabila cu osmoza inv...
 Kanal D va difuza serialul “...

Upgrade xiaomi mi11

securitate - acum se dau drept - ...

Farmacia Dr Max - Pareri / Sugest...
 

Mozilla problem.

- - - - -
  • Please log in to reply
6 replies to this topic

#1
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012
Nu știu unde este mai bine încadrat topicul, aici sau la aria dedicată browserelor.
Am o problemă, am un cod html pentru un box, l-am copiat, am redenumit id-ul și nu citește CSS-ul, în schimb dacă pun primul box, îl citește. Problema o întâmpin doar pe mozilla, pe chrome citind CSS-ul ambelor box-uri.
Pun cod-urile HTML și CSS mai jos, poate o fi din ele, deși m-ar mira.
Am încercat de pe 2 calculatoare.
Știu că este cam nearanjată pagina, dar nu asta contează acum...
HTML CODE:
<div id="box4">
<div>
<div>
<p> Disclaimer</p>
<p>
BLABLABLA
</p>
</div>
</div>


CSS CODE:
Box-ul care funcționează și pe Mozilla:
#box1{
width: 960px;
height: 500px;
margin: 30px;
margin-top: 50px;
border: 3px solid #212121;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNGEzOCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliNmY0ZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(96,74,56,0.8) 0%, rgba(155,111,77,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,74,56,0.8)), color-stop(100%,rgba(155,111,77,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc604a38', endColorstr='#cc9b6f4d',GradientType=0 ); /* IE6-8 */
}
#box1 div{
width:960px;
height: 509px;
background: url(images/box1bg.png) no-repeat top center;
}
#box1 div div{
height:508px;
width: 960px;
}


Box-ul care nu funcționează pe Mozilla:
#box4{
width: 960px;
height: 500px;
margin: 30px;
margin-top: 50px;
border: 3px solid #212121;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNGEzOCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliNmY0ZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(96,74,56,0.8) 0%, rgba(155,111,77,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,74,56,0.8)), color-stop(100%,rgba(155,111,77,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(96,74,56,0.8) 0%,rgba(155,111,77,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc604a38', endColorstr='#cc9b6f4d',GradientType=0 ); /* IE6-8 */
}
#box4 div{
width:960px;
height: 509px;
background: url(images/box1bg.png) no-repeat top center;
}
#box4 div div{
height:508px;
width: 960px;
}



#2
cristirg

cristirg

    Senior Member

  • Grup: Senior Members
  • Posts: 7,711
  • Înscris: 16.11.2012
functioneaza numai ca atunci cand scri in html id="box4" sa scrii si in css #box4;

si cand scrii in html id="box1" sa scrii si in css #box1

[ http://s18.postimage.org/rklzoigbd/tinkerbin.png - Pentru incarcare in pagina (embed) Click aici ]
photo hosting sites

#3
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012

View Postcristirg, on 26 februarie 2013 - 00:04, said:

functioneaza numai ca atunci cand scri in html id="box4" sa scrii si in css #box4;

si cand scrii in html id="box1" sa scrii si in css #box1

[ http://s18.postimage.org/rklzoigbd/tinkerbin.png - Pentru incarcare in pagina (embed) Click aici ]
photo hosting sites

În CSS am şi box1 şi box4. Dacă în HTML pun box1 funcţionează, dacă pun box4, nu funcţionează. Asta doar pe Mozilla, pe Chrome funcţionează ambele variante.

#4
danutz0501

danutz0501

    Member

  • Grup: Members
  • Posts: 437
  • Înscris: 22.04.2008
Ar trebui background-ul default sa il ai inainte de gradient, asa orice browser care nu intelege gradient o sa foloseasca imaginea si o sa ignore gradientul. Tu defapt rescri gradientul cu background-ul imagine(fiind scrisa dupa gradient), care si la box1 si box4 e aceasi imagine "images/box1bg.png".
Nu stiu de ce zici tu ca nu functioneaza cand eu am testat si functioneaza(pe Firefox, chrome etc), dar ambele "stiluri"(declaratii css) box1 si box4 sant identice asa ca poate ai copiat tu gresit css-ul care nu functioneaza.

Edited by danutz0501, 26 February 2013 - 09:39.


#5
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012

View Postdanutz0501, on 26 februarie 2013 - 09:30, said:

Ar trebui background-ul default sa il ai inainte de gradient, asa orice browser care nu intelege gradient o sa foloseasca imaginea si o sa ignore gradientul. Tu defapt rescri gradientul cu background-ul imagine(fiind scrisa dupa gradient), care si la box1 si box4 e aceasi imagine "images/box1bg.png".
Nu stiu de ce zici tu ca nu functioneaza cand eu am testat si functioneaza(pe Firefox, chrome etc), dar ambele "stiluri"(declaratii css) box1 si box4 sant identice asa ca poate ai copiat tu gresit css-ul care nu functioneaza.

L-am copiat şi răscopiat de nu ştiu câte ori.
Dacă vrei îţi dau PM cu site-ul sau dacă mi se permite, îl postez aici.

#6
cristirg

cristirg

    Senior Member

  • Grup: Senior Members
  • Posts: 7,711
  • Înscris: 16.11.2012
daca noua ne merge trebuie sa-ti mearga si tie in orice browser; posteaza aici sit-ul
-eu ti-am zis sau ai peste tot box 1 sau peste tot box 4; tu nu vezi ca ce ai postat tu mai sus la html ai id box 1 si la css ai box 4? pai cum sa-ti mearga
-nu trebuie sa ai in css si box 1 si box 4 ci sau box 1 sau box 4
-trebuie sa intelegi css-ul,id-uri,clase...div-uri ;ar fi bine sa inveti ca sunt atatea tutoriale pe net :XHTML & CSS
46 Videos:

http://thenewboston....list.php?cat=40

Edited by cristirg, 26 February 2013 - 15:04.


#7
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012

View Postcristirg, on 26 februarie 2013 - 15:01, said:

daca noua ne merge trebuie sa-ti mearga si tie in orice browser; posteaza aici sit-ul
-eu ti-am zis sau ai peste tot box 1 sau peste tot box 4; tu nu vezi ca ce ai postat tu mai sus la html ai id box 1 si la css ai box 4? pai cum sa-ti mearga
-nu trebuie sa ai in css si box 1 si box 4 ci sau box 1 sau box 4
-trebuie sa intelegi css-ul,id-uri,clase...div-uri ;ar fi bine sa inveti ca sunt atatea tutoriale pe net :XHTML & CSS
46 Videos:

http://thenewboston....list.php?cat=40

box4 va fi editat, l-am copiat doar pentru a nu-l rescrie, în mare fiind acelaşi.
Rescriu cod-ul, revin dacă nici aşa nu funcţionează.

Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate