img display none

#1
Xme

Posted 02 May 2015 - 17:53

Junior Member

Grup: Members
Posts: 87
Înscris: 16.12.2006

Salutare,

am un header si doua imagini care se incarca normal in desktop. Vreau ca una din ele sa dispara in varianta de mobil. Cum as putea sa scap de logo2.gif ? Am incercat sa creez o clasa pentru logo2 dar nu a dat rezultate ..

html
<header class="mainHeader">
<a href="/index.php" ><img src="/Theme5/img/logo.png" ></a>
<a class="displaynone"><img src="/Theme5/img/logo2.gif" ></a>
</header>

css
@media only screen and (min-width:150px) and (max-width:700px)
.mainHeader img{width:100%;height:auto;margin-bottom:2%;}
.displaynone {display: none;}

Back to top

#2
tigerheart

Posted 02 May 2015 - 18:16

Savage Member

Grup: Senior Members
Posts: 9,897
Înscris: 07.08.2008

Pui fiecare imagine intr-o clasa iar in css pui ca una sa fie display:none si una cu display inline...

<header class="mainHeader">
  <a href="/index.php" >
  <div class="displaydesk"><img src="/Theme5/img/logo.png"> </div>
  <div class="displaymob"><img src="/Theme5/img/logo2.gif"></div>
  </a>
</header>

In css: pentru varianta desktop pui la displaydesk display inline si la displaymob display none, iar pentru varianta mobila invers.
Ar trebui sa mearga asa.

Back to top

#3
Xme

Posted 02 May 2015 - 18:49

Junior Member

Grup: Members
Posts: 87
Înscris: 16.12.2006

mersi, o sa incerc asa

Back to top

Anunturi

Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

img display none

#1 Xme Posted 02 May 2015 - 17:53

#2 tigerheart Posted 02 May 2015 - 18:16

#3 Xme Posted 02 May 2015 - 18:49

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Xme

Posted 02 May 2015 - 17:53

#2
tigerheart

Posted 02 May 2015 - 18:16

#3
Xme

Posted 02 May 2015 - 18:49