Changing the Fluid Grids Once they have been set up

Hi - I have set up a fluid grid site for a client which has a 10, 20 and 24 grid layout for the three versions.
http://www.discoslough.co.uk
There is a nav bar to the left in each version and the rest of the columns are split evenly.
There's the nav and then a 2 columm layout in the mobile and tablet versions.
There are 3 columns to the right of the nav in the desktop.
At the last minute, the client decided that when a visitor clicks one of his thumbnail pics,
he wants them to see a full size image that goes across the entire width of the page
and is not confined to the width of a single column.
The second problem is similar. The site has been set up so that the mobile version has 2 columns. However, although he is happy to have 2 columns of pics, for example on the index page... He does not want 2 narrow columns of text on, for example, the about us page.
The upshot of all this is that no single layout suits the layout required. Some of his mobile pages
need to be one columm wide and some need to have the existing two columns. Some of the tablet versions are ok with 2 columns, some need just one. Finally, some of the desktop pages are ok with the existing 3 columns, some need to have just one, with an enormous pic filling the entire page.
The website design is at quite an advanced stage and I have already scrapped umpteen versions to get this far.
I have tried creating new pages in various versions with the single column layout. I have tried altering the existing fluid grids on the required pages.
However, it seems that whatever I do alters the layouts on ALL pages not just the ones which need alteration.
Any suggestions how I might get around this problem - I cannot be the only person with, for example, thumbnails which need to expand to full size when clicked.
I am really stuck, running way passed my deadline for completion and I badly could do with some good advice - Many thanks.
Mike Starr

I would ditch the fluid grids and work with something a bit more friendly and flexible:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<style type="text/css">
/* Desktop Layout */
body {
    background-color: #e8e9d7;
#pageWrapper {
    width: 100%;
#header {
    width: 100%;
    background-color: #d4c5ae;
    padding: 25px 0;
    margin: 0 0 20px 0;
#header h1 {
    font-family: "Calisto MT";
    font-size: 48px;
    font-style: italic;
    line-height: 30px;
    font-weight: bold;
    color: #663333;
    text-align: right;
padding: 0 20px 30px 0;
margin: 0;
#header h2 {
    color: #666633;
    font-family: "Calisto MT";
    text-align: right;
    padding-top: 0px;
    padding: 0 20px 0 0;
    margin: 0;
    font-style: normal;
    font-size: 26px;
    line-height: 16px;
    font-weight: bold;
#navigation {
float: left;
width: 15%;
#navigation ul {
    margin: 0;
    padding: 0;
#navigation li {
    margin: 0;
    padding: 0 0 15px 0;
    list-style: none;
#navigation li a {
    color: #666633;
    text-decoration: none;
    display: block;
    font-family: Verdana;
    font-size: 16px;
    padding: 6px 0 6px 15px;
    background-color: #c4c5b5;
#navigation li a:hover {
        color: #e6e6e6;
    text-decoration: none;
    font-family: Verdana;
    font-size: 16px;
    background-color: #998675;
    text-align: left;
#content {
    float: left;
    width: 85%;
    overflow: hidden;
#content img {
    float: left;
    width: 33.3%;
#footer {
    clear: both;
#footerLeft, #footerRight {
    float: left;
    width: 50%;
#footerRight {
text-align: right;
/* screens less than 750px wide */
@media screen and (max-width: 750px) {
#header {
padding: 20px 0;
#header h1 {
font-size: 28px;
padding: 0 20px 15px 0;
#header h2 {
font-size: 18px;
#navigation {
width: 20%;
#navigation li a {
font-size: 14px;
#content {
    width: 80%;
#content img {
    width: 50%;
/* screens less than 480px wide */
@media screen and (max-width: 480px) {
#header {
padding: 10px 0;
#header h1 {
font-size: 20px;
padding: 0 20px 0 0;
text-align: center;
#header h2 {
font-size: 12px;
text-align: center;
#navigation {
    float: none;
width: 100%;
#navigation li {
padding: 0 0 5px 0;
#navigation li a {
text-align: center;
font-size: 12px;
#navigation li a:hover {
text-align: center;
font-size: 12px;
#content {
    width: 100%;
#content img {
    width: 100%;
#footerLeft, #footerRight {
float: none;
width: 100%;
#footerLeft p, #footerRight p {
text-align: center;
</style>
<body>
<div id="pageWrapper">
<div id="header">
<h1>Andrew Stanley Woodworking Ltd</h1>
<h2>Specialist in bespoke furniture and architectural joinery</h2>
</div>

</div>
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

<div id="content"><img src="http://www.discoslough.co.uk/pics-500-wide-whiteborder/bathpanels.jpg" alt=""/><img src="http://www.discoslough.co.uk/pics-500-wide-whiteborder/conservatory-016.jpg" alt=""/><img src="http://www.discoslough.co.uk/pics-500-wide-whiteborder/desk07.png" alt=""/>
<img src="http://www.discoslough.co.uk/pics-500-wide-whiteborder/kitchen05.png" alt=""/><img src="http://www.discoslough.co.uk/pics-500-wide-whiteborder/newsquare1.png" alt=""/><img src="http://www.discoslough.co.uk/pics-500-wide-whiteborder/winerack.jpg" alt=""/>
</div>

<div id="footer">
<div id="footerLeft"><p>Tel : O2O-8533 6199</p></div>
<div id="footerRight"><p>[email protected]</p></div>
</div>


</body>
</html>

Similar Messages

Can i put photos back into the camera chip once they have been imported into my mac?

Can i put photos back into the camera chip once they have been imported to my Mac?

Export them
File -> Export
to a folder on the desktop. From there copy them back to your camera.
Remember, the camera has a quite specific set up of folders, and you'll need to put the files back in the correct place for them to be viewable on the camera.
This User Tip
https://discussions.apple.com/docs/DOC-4921
has details of the options in the Export dialogue.

I have a psts on my mac and the time stamp hasnt changed since i added this to the mac even though they have been imported?

i have a psts on my mac and the time stamp hasnt changed since i added this to the mac even though they have been imported?
where is the data stored when i moves messages to the imported pst?
after serval months of rebuidling and creating new identites for Outlook for mac2010 any reasons why this is constantly happening?

I am not sure what you mean by this.
is it ok to delete outlook ID's copy/backup as running out of space?
If you mean you have several identities in the Office Identities folder then yes. You can delete whatever you don need\want except for your current.
Are you updated to the latest version of Office?
After the restore, navigate to ~/Documents/Microsoft User Data/Office 2011 Identities/your identity and delete the file called Database. Then rebuild.
This may help:
http://www.officeformachelp.com/outlook/troubleshoot/

In LiveCycle Designer ES4 how do you remove tabs within a page once they have been created?

In LiveCycle Designer ES4 how do you remove tabs within a page once they have been created?

Emma,
Take a look at the troubleshooting tips on this page from the Infosemantics website:
http://www.infosemantics.com.au/adobe-captivate-widgets/drag-and-drop/troubleshooting-widg et-issues
Pay particular attention to the section entitled: "My drag and drop question works correctly sometimes, but not other times. "
From the appearance of your slide, it looks like you may have removed some of the components from the quiz slide that are necessary for it to function correctly. Try the test that this section of the troubleshooting suggests so that you can see if this is the case. If it turns out that you have deleted some items, you'll need to recreate your quiz slide to get them back again.
Hope this helps.

HT1386 After syncing my iphone I found that all of my notes were erased from the phone. Is there any way to retrieve the notes now that they have been erased?

After syncing my iphone I found that all of my notes were erased from the phone. Is there any way to retrieve the notes now that they have been erased? I had some very important notes that I have to be able to find. Anyone know how?

I think those contacts still in iphone database. So you can back up you iphone with itunes to get iphone database off your iphone. Then access the SQLite batabse.
http://support.apple.com/kb/HT1766
All data included with the backup is stored in a SQLite database format with the data within various folders not easily accessible.There are some 3rd party utilities that provide for extracting select data from an iPhone's backup and iphone database such as this one.
http://www.datarecoveryforiphone.com/

Errors in the high-level relational engine. The data source view does not contain a definition for the table or view. The Source property may not have been set.

Hi All,
I have a cube in which i'm using the TIME DIM that i created in the warehouse. But now i wanted a new measure in the cube which is Average over time and when i wanted to created the new measure i got a message that no time dim was defined, so i created a
new time dimension in the SSAS using wizard. But when i tried to process the new time dimension i'm getting the follwoing error message
"Errors in the high-level relational engine. The data source view does not contain a definition for "SSASTIMEDIM" the table or view. The Source property may not have been set."
Can anyone please tell me why i cannot create a new measure average over the time using my time dimension? Also what am i doing wrong with the SSASTIMEDIM, that i'm getting the error.
Thanks

Hi PMunshi,
According to your description, you get the above error when processing the time dimension. Right?
In this scenario, since you have updated the DSV, it should have no problem on the table existence. One possibility is that table has been specified for tracking in the notifications for proactive caching, but isn't available any more for some
reason. Please change the setting in Proactive Caching into "MOLAP".
Reference:
How To Implement Proactive Caching in SQL Server Analysis Services SSAS
If you have any question, please feel free to ask.
Best Regards,
Simon Hou
TechNet Community Support

Moving answers in a quiz once they have been matched to a target in using drag and drop

Hi,
I am having a problem with some of my drag and drop quizzes that I'm wondering if anyone you might be able to help me with?
In some drag and drop quizzes I have created, using the Infosemantics drag and drop light widget in Captivate 5.5, I can move the answer after having matched it to a target but before submittting. Whereas in some quizzes I have created, the answers get stuck and do not let me move the answers after I have matched them to a target, even though I haven't submitted. This leaves me no choice but to clear all my answers and start again if I have made a mistake.
Please can you tell me how to enable the answers to move even after they have been placed on a target?

Emma,
Take a look at the troubleshooting tips on this page from the Infosemantics website:
http://www.infosemantics.com.au/adobe-captivate-widgets/drag-and-drop/troubleshooting-widg et-issues
Pay particular attention to the section entitled: "My drag and drop question works correctly sometimes, but not other times. "
From the appearance of your slide, it looks like you may have removed some of the components from the quiz slide that are necessary for it to function correctly. Try the test that this section of the troubleshooting suggests so that you can see if this is the case. If it turns out that you have deleted some items, you'll need to recreate your quiz slide to get them back again.
Hope this helps.

I have lots of .MOV files on my iPhone5 that I need to transfer to my PC. Using QuickTime Player 7.7.4 I am unable to view them once they have been copied to a hard drive or directly from the iPhone via USB. 1% of the time a vid is viewable

I can tranfer them to a hard drive on my PC, but am unable to view most of them using QuickTime Player 7.7.4. Doesn't matter if I'm viewing them via a USB connection to my iPhone5 or from a hard drive after the file has been copied via USB. 1% of the vids are viewable, 20% open with a black screen and audio only. The rest open with a blue, purple and green stryrated mess and no audio. Yes its a Quick Time problem I know but where do I post this question in the community? Also searching my drives for other .MOV files downloaded from the net I find the same problem with them.

Heres what I don't like about VLC, but at least the files are viewable...somewhat.
1. You can't flip the image 90degrees, needs to have a rotate feature for sure. This needs to have keyboard shortcut so vids can be rotated easily as one may have shot video horizontally and vertically in the same take.
2. Opens file to a very large window, most of it off the screen, it should REMEMBER what you resized it to, so the next time a video is played you don't have to drag the window back on the screen so you can get to the resizing handle in the lower corner.
3. Doesn't buffer while playing, so the movies are extremely erractic, starting and stopping every 3 seconds, highly annoying.
OK so maybe my PC is too slow, its a dual processor 486 Hyperrthread 2.8G but I only have 2Gigs of memory, however, bettery than 50% of the memory is still available while playing a vid (memory is checked every 4 seconds with a program), but I have 90-100% CPU useage going on while playing.
Maybe I should think about a new computer.

Can I retrieve single documents (keynote) to my iPad once they have been backed up to the iCloud?

I am using an iPad 2 to create presentations on keynote. I know have over 150 presentations and they are slowing the iPad down. I have backed them up to the iCloud and was then going to delete them from the iPad. However, I was not sure how to retrieve individual presentations, from the iCloud, back to the iPad, if I needed it again.

Don't delete them from the iPad. When you access a file, it's from a universal folder all devices can access. So if you delete it from one, it's gone from all. Just leave it be.
If you want to delete a file, make sure you have a hard copy of the given file saved to your computer. Then you will be safe to delete the file.

Where to find my pic after once they have been edited?

I want to print my pic using EasyShare by Kodak. I need for that to upload the pictures I edited in iPhoto. However I don't know which folder to look into.... It is so confusing with all these folders:data, modified, 2005, roll,... Apple needs to do something about the organisation of the photo media...
THx

xavier
The iPhoto media is very simply organised. A Note about the iPhoto Library Folder:
In this folder there are various files, which are the Library itself and some ancillary files. Then you have three folders
Originals are the photos as they were downloaded from your camera or scanner.
(ii) Modified contains edited pics, shots that you have cropped, rotated or changed in any way.
This allows the Photos -> Revert to Original command - very useful if you don't like the changes you've made.
(iii) Data holds the thumbnails the the app needs to show you the photos in the iPhoto Window.
But there's no need whatever for you to root around in the iPhoto Library Folder at all. There are three ways (at least) to get files from the iPhoto Window.
1. Drag and Drop: Drag a photo from the iPhoto Window to the desktop, there iPhoto will make a full-sized copy of the pic.
2. File -> Export: Select the files in the iPhoto Window and go File -> Export. The dialogue will give you various options, including altering the format, naming the files and changing the size. Again, producing a copy.
3. Show File: Right- (or Control-) Click on a pic and in the resulting dialogue choose 'Show File'. A Finder window will pop open with the file already selected.
I suggest that you use File -> Export which produces a copy of the pic, which you can then print and afterwards trash the copy - the Original is safe in iPhoto.
Regards
TD

I have been using pse11 on wondows vista and it has certainly started freezing on starting and I am unable to access the organizer, the editor is ok. Have removed and reinstalled but is the same have changed the files as suggested. Have been unable to ope

I am using pse 11 0n windows vista for years and it has suddenly started freezing on starting, I am now unable to access the organizer it freezes on the blue screen, the editor can be opened. Have removed and reinstalled but is still occurring. Have changed the files as suggested, am unable to open as administrator

'The installer has insufficient privileges to modify this file C:\Program Files (x86)\Common Files\Apple\Apple Application Support\Web kit.resources\inspector\Images\Spinner Inactive Selected.gif.'
That one's consistent with disk/file damage. The first thing I'd try with that is running a disk check (chkdsk) over your C drive.
XP instructions in the following document: How to perform disk error checking in Windows XP
Vista instructions in the following document: Check your hard disk for errors
Windows 7 instructions in the following document: How to use CHKDSK (Check Disk)
Select both Automatically fix file system errors and Scan for and attempt recovery of bad sectors, or use chkdsk /r (depending on which way you decide to go about doing this). You'll almost certainly have to schedule the chkdsk to run on startup. The scan should take quite a while ... if it quits after a few minutes or seconds, something's interfering with the scan.
Does the chkdsk find/repair any damage? If so, can you get an install to go through properly afterwards?

How can I change the names of catagories that have been added to my music library? Is it possible to change names or artists or gendre and how to do it?

How do I change the names of artists or gendre in the itunes list after importing an album? Is it posssible to change that information?

Yes. Select one or more tracks (use ctrl or shift clicks to add/remove or extend a selection) then right-click or press CTRL-I to Get Info. Use the different tabs of the dialog to make changes.
For general advice on getting things neat & tidy see my article on Grouping tracks into albums.
tt2

Don't show rows in the dialog once they have been selected

Hi All,
This is more of an approach oriented question rather a technical issue.
I am using ADF-BC-JSF Jdeveloper 10.1.3.3.
I have 2 master entities and VOs - Employee and ProjectsMaster. Each Employee can work on multiple projects for which I have a 3rd entity and VO EmpProjectRelation. I have designed a page EmployeeDetail that shows details of an employee along with all his projects (using EmpProjectRelation, also mapped to ProjectsEntity to show Project Name and Location) in a table through a view link (Employee ->EmpProjectRelation).
New projects can be added to this Employee by clicking on Add Button that displays dialog page and all the available projects from the ProjectsMaster VO. Now I multi-select the projects and clcik Submit.
The projects get reflected to the parent page although not Refreshing table of 2 VOs after a dialog but my concern is how should I prevent the selected projects being shown again in the dialog box. It should show only those projects which are not selected yet.
Any ideas?? Any Approaches?? Any directions??
Regards,
Neeraj

Bump!

Having a hard time transferring photos from MacBook Pro once they have been cropped or colored enhanced to my iPhone or iPad. If they have not been manipulated then they transfer fine. How can I fix this?

I've been cropping and editing pics in my MacBook Pro but once I try to transfer them to the iPhone or iPad 2 only the photos that have not been manipulated transfer with no problems. How do I solve this problem?

Option 1:
Go to your Pictures Folder and find the iPhoto Library there. Right (or Control-) Click on the icon and select 'Show Package Contents'. A finder window will open with the Library exposed.
Look there for the iPod Photo Cache.
Trash it. Start iPhoto and try sync again.
If that fails:
Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Use the option to check and repair library permissions
Regards
TD

Where are iphones stored once they have been manufactured?

I am trying to put together a report, and was wondering where the iphone 4 is stored once being manufactured in asia? anywhere in the world, before being transported from there. thank you

I'd imagine the manufacturing center has some considerably storage capacity. I mean, it is not like they ship them out individually as they make them - they must store them long enough to assembly a full shipment (whether that means truckloads or planeloads or what I don't know). Plus any destined for carriers likely go from Apple's delivery line directly into some sort of central storage/delivery pipeline for each carrier, so who knows how it all sorts out?
No one here has any insider information on the detailed corporate logistic supply chain that Apple and its contracted manufacturers use.

Changing the Fluid Grids Once they have been set up

Similar Messages

Maybe you are looking for