It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
Can this by done with CSS? I have multiple selections on a page and will be viewed on mobile, desktop to tablets. An easy way would just be to hide certain unnecessary elements when the page gets rezized. I know and I am also having the elements repositioned with with div blocks.
As the comments point out: using CSS media queries is your answer.
Here are a few links to great resources.
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://css-tricks.com/css-media-queries/
There are also available web frameworks to use, as well as differing philosophy on how to go about doing responsive web design.
http://stuffandnonsense.co.uk/projects/320andup/
Related
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
Here is the link: http://codepen.io/uniZero/pen/fvkjJ
I tried to Google "fixed image backgrounds" or something similar but the result is not the same beautiful webpage with multiple backgrounds that are changing when users are scrolling the site.
I'd appreciate if someone can point me into the right direction so I can explore more and learn how to make something similar?
What are the pro and cons for such type of websites???
Thank you all in advance :)
Actually, the backgrounds are not "fixed". What's fixed is the <header>.
This technique is called as... ta-da! Fixed headers. Or, when you are using Twitter Bootstrap, they call this "Fixed Navbar" - and it's a very common component in websites using it.
The key of these is just setting an position: fixed (as you may have noticed), and a possible z-index value, so it's always on top.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
The problem for mobile website is when the screen is landscape, it is widescreen, however, when the screen rotate and change to potartiat, it will become less wider and the CSS rules should be different in order to keep element display consistently. Therefore, I would like to know are there anyway to set when the landscape use landscape.css, when potarait use the potariat .css . Or I need to specific the css once $(window).resize{}? What is the standard way to handle the difference ? Thanks.
There is no silver bullet, what you should do depends on your website. Apple has some good documentation describing various approaches:
http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html
Also have a look at Bootstap, which is an open framework created by Twitter to make things easier. http://twitter.github.com/bootstrap/
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
I have to slice a psd and construct a first version template of a future Tiki Wiki CMS web application. Are there some particular features which has to be taken into consideration?
By "features" you mean features of the Tiki CMS ? As there are many parts to be styled I always start "from scratch" with empty CSS (see styles/empty.css) and import the layout base, then I add my own styling or overrides (sometimes you need !important to override). Otherwise there is nothing more difficult than with any other HTML site or CMS. You just need Firebug (or simmilar add-on) installed in your browser to inspect the code for CSS classes and ids to be styled, which is very helpful.
luci
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
Aloha,
Here is the code I want to use for my project.
http://desandro.github.com/3dtransforms/examples/carousel-02-dynamic.html
3D transforms by DeSandro.
My task is to make it close to fullscreen (for example for 1024x768 like 900x700) and make it resnponsive.
Questions would be:
1) Can it be done with bootstrap? I tried Bootstrap container/row/span but all of them just screw everything.
2) http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ I found this media queries. Are they enough for make it responsive? or there is never enough?
i tried to copy code to http://jsfiddle.net/ but it doesnot work there I guess
I think from your description its clear that you want a Jquery 3d responsive carousel...
So why using with bootstrap its of no use... Just attach a jquery plugin for your requirement..
Check out this plugin...
http://coolcarousels.frebsite.nl/c/51/
The responsive part here can be done by the use of media queries and their are many examples too you can choose from it...
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
My website is bigger than it should, the scrollbars shouldn't appear, it's like their an object there, but there isn't. And the links at the footer aren't working. Only one of them are, it seems like each of them are overlapping or something.
http://justxp.x10.mx/test/
remove the left:111px in #footerhighscores and in #footerstore remove the left: 333px;
and add margin: 0 auto; in #footerstore
you have set the position according the width of your screen don't do this try to make the center floated layout
in your website there is major designing issues you haven't set the position correct there are lots of issue on your footer and front divs try to use the firebug and Mozilla web developer tool