html - Flexible layout. How to show conditional content without CSS? -
html - Flexible layout. How to show conditional content without CSS? -
i'm building tablet version of site through css max-width media queries. adapting styles have been easy far. found 1 part of site need show divs 2 images instead of 3 , can't find way css.
example:
site version
<div> <div>image1</div> <div>image2</div> <div>image3</div> </div> tablet version (if max-width whatever, show 2 divs)
<div> <div>image1</div> <div>image2</div> </div> any ideas?
thanks!
edit
ok, i'll seek more specific since every reply has been related display:none , though that's great solution, wouldn't work i'm trying do.
the divs part of slideshow. in total site version slider shows groups of 3 images. in tablet version, 3rd image part of sec grouping (but not disappear):
<div> <div>image1</div> <div>image2</div> </div> <div> <div>image3</div> <div>image4</div> </div> and on...
i'm not sure if can done through css or if problem needs addressed kind of in-html script. that's why asked solution without css.
something good... .hideme class of course of study can placed within specific media query, , can renamed.
css
.hideme { display: none; } html
<div> <div>image1</div> <div>image2</div> <div class="hideme">image3</div> </div> html css
Comments
Post a Comment