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.
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.
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/
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 10 years ago.
I have an html page with an area designed using css. I'm looking for suggestions if we can export an html area as an image.
Any help is much appreciated.
Well I think you want to take a screenshot of a particular portion or elements in your web page. If that is the case, it is not possible with just CSS and you need JavaScript.
Google is doing this in Google+ and a talented developer reverse engineered it and produced http://html2canvas.hertzen.com/ . To work in IE you'll need a canvas support library such as http://excanvas.sourceforge.net/
Take a screenshot using your preferred software. GIMP is free and capable.
If that software gave you a full screen screenshot (rather then a region), use an image editor to crop it.
http://cutycapt.sourceforge.net/
http://iecapt.sourceforge.net/
http://www.websitescreenshots.com/
http://www.princexml.com/
http://khtml2png.sourceforge.net/
http://linkpeek.com/
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.
last 'li' elements in 'ul' are going down when the browser is minimized.
Finally I got solution for this. Main div was overriding 'search' section in the site. this search div pushing menu div li elements down. I removed the search div then everything is working fine. So much relieved now.
Don't know if this is this helps out your problem, but the endtag of </ul> was wrong in your example. When this is not the answer, just show us your code from 'workportfolio' until the end. Maybe there is a little error in your code over there.
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 11 years ago.
Can anyone help me, am new to dreamweaver, trying to do an online portfolio and am struggling to figure out how to do a gallery.
Basically I want to have a basic list (contents page) of my projects on the left of my spread and when clicked onto a specific project, images for that project appear on the right of the spread. I need to link text to images within the same page
Any help will be greatly appreciated
Nowadays, you can create beautifull galleries using jQuery.
Here is an example of a plugin for creating one:
Galleriffic
It's easy to use, just read the documentation