How can I convert my web page from a fixed width layout to a fluid grid layout?

I'm taking a web design class (I'm using Dreamweaver CS6, btw)  wherein the professor started us out building our websites in a fixed width layout but now I want to change my site into a fluid grid layout. My "site" so far is just one long page, and I've already designed it with fluid grid adjustments in mind (most things are centered  in the layout) so it shouldn't need excessive tweaking.
Is there a way to duplicate the site folder that holds my first page, re-open a new document in fluid, then copy the code in and tweak the width parameters for the different layouts?
Did I just answer my own question? Help - I am new at this!!
Thanks all,
KC

Herbert2001 wrote:
A bit off-topic, but Osgood: have you ever used SASS or LESS? When you are building your own grid systems it can save you a tremendous amount of time, and it's a lot of fun.
Take the following simple example - it generates all the 23 css classes automatically for a 12 grid system. And simply changing one variable allows you to create and calculate any number of columns!
//variables
$desktop: 1025px;
$large-columns: 12;
@media only screen and (min-width: $desktop) {
     //regular grid span classes
    @for $i from 1 through $large-columns {
        .span-large-#{$i} {
            width: percentage($i/$large-columns);
     // push classes
    @for $i from 1 through (($large-columns)-1) {
        .push-large-#{$i} {
            margin-left: percentage($i/$large-columns);
No, not explored it yet, and may never....I don't know. I don't really make much money out of web design. It's becoming more and more difficult to find the desire to learn new techniques when the opportunities aren't really there to put them into practice on as regular basis as I would like.  I've got  a very good handle on css, php, html, jQuery - I'm not sure I want to add another layer at the moment, given I'm never quite sure how long I will continue to 'bang my head against the wall' . I'm getting to the stage where I keep asking myself do I really need the problems associated with learning new stuff to the point of being comfortable with it if the financial rewards at the end don't equate to the efforts of learning it.
I don't really enjoy web development if truth is known. I come from a Graphic Design background which I much prefer but somehow got side tracked and pushed in this direction and there's no way back now, lol. Whilst I concede Web Development is much more exciting its also 100 times more complex/difficult and the skills needed are considerably more.
Your example looks interesting and I should think I could pick it up reasonably easily given I work with php which uses variables on a similar basis.

Similar Messages

  • How can I HIDE a web Page From the Index above?

    I sometimes would like to directly link one page to another instead of listing every single page in the INDEX. For instance, I have a "Renovations" page with two other renovation pages following.....Can this be done from page to page with Hyperlinks ONLY? Is there a way to "hide" the titles in the Index listings above each page so they don't show with the web pages that I DO WANT listed?
    G5   Mac OS X (10.4.6)  

    Welcome twincrks
    You can use Inspector, Page Tab and uncheck "Include
    Page in navigation menu", this will stop the page
    being displayed in the navigation bar at the top of
    the screen.
    You can then manually create links to your other
    pages (see www.willg4pb.com - Hyperlinks for
    creating hyperlinks). Then, again using Inspector,
    this time the Link Tab, choose to Link To: One of My
    Pages, and choose the page you wish to link to from
    the drop down list.
    Will
    AWESOME! I just knew that there was a genius out there to help me. Thank you Will! Kathy

  • How can I upload my web page to the internet?

    How can I upload  my web page to the internet. When I click on "publish" it automatically takes me to mobileme - which is no longer accepting members..

    http://financialbin.com/2011/06/13/steve-jobs-confirms-discontinuation-of-iweb-i n-icloud-transition/
    I don't think you can upload pages from iWeb anymore.
    Information about the MobileMe transition

  • How can I display the HTML page from servlet which is called by an applet

    How can I display the HTML page from servlet which is called by an
    applet using the doPost method. If I print the response i can able to see the html document. How I can display it in the browser.
    I am calling my struts action class from the applet. I want to show the response in the same browser.
    Code samples will be appreciated.

    hi
    I got one way for this .
    call a javascript in showDocument() to submit the form

  • How can I print a web page to a hard copy with Adobe?

    How can I print a web page to a hard copy with Adobe? When I print this particular page in the usual way it prints only the text of that page, not the photo that's also part of that page.

    I have Adobe SendNow, but I can buy another Adobe product if it will solve my web page printing problem.

  • How can I "expire" a web page (prevent BACK button access)

    How can I "expire" a web page ?
    I know some sites will display the following message if we click on the
    BACK button in your browser.
    Warning: Page has Expired The page you requested was created using
    information you submitted in a form. This page is no longer available. As a
    security precaution, Internet Explorer does not automatically resubmit your
    information for you.
    To resubmit your information and view this Web page, click the Refresh
    button.
    How do I implement this feature??

    U want to disable back button click
    if yes i think
    javascript:window.history.forward(1);

  • Every time I start Firefox, the upgrade/signup page is displayed in one tabe while google, my start;up page s displayed in another. How can I stop the firefox page from loading every time?

    Every time I start Firefox, the upgrade/signup page is displayed in one tab while google, my start-up page is displayed in another. How can I stop the firefox page from loading every time?

    See these articles for some suggestions:
    * https://support.mozilla.com/kb/Firefox+has+just+updated+tab+shows+each+time+you+start+Firefox
    * https://support.mozilla.com/kb/How+to+set+the+home+page - Firefox supports multiple home pages separated by '|' symbols
    * http://kb.mozillazine.org/Preferences_not_saved

  • HT4972 How can I zoom the web page only vertically or horizontally ,i.e.,wThen I want to read the web page can I enlarge the page so that the font only increases size ?

    How can I zoom the web page only vertically or horizontally ,i.e.,wThen I want to read the web page can I enlarge the page so that the font only increases size ?

    You can't.  (Fonts increase in size like everything else, not in height alone).

  • How can I stop the Drudgereport page from autorefreshing? None of the standard answers work.

    How can I stop the Drudgereport page from autorefreshing? None of the standard answers work.
    ''locking - https://support.mozilla.com/en-US/questions/775159 ''

    Drudgereport includes JavaScript code that refreshes the page. You could disable JavaScript for the drudgereport site, that will stop it from refreshing. You can do that by installing the [https://addons.mozilla.org/firefox/addon/4922/ YesScript] extension which allows you to block JavaScript on sites that you specify.

  • How can I convert on HDF file from HWS file?

    how can I convert on HDF file from HWS file?

    Well by opening up the HWS file with HDFView, it contains the below structure.  In the axis0 properties (time axis) there is a field called increment that is the sampling rate I used (5 nanoseconds).  But I do NOT see any additional info in terms of triggering modes or delays, etc.
    wfm_group0
    axes
    axis0
    axis1
    data_vector
    data (here is our data, I verified it is correct)
    id
    traces
    trace0 (we don't care about this, I think)
    vectors
    vector0
    data (not sure what the difference is between this and axis1
    wfm_group0 (1576, 2)
        Group size = 4
        Number of attributes = 5
            major_version = 2
            minor_version = 0
            release_version = 6
            type = NI-Waveform
            writer = NI-HWS
    axis0 (7424, 2)
        Group size = 0
        Number of attributes = 5
            implicit? = 1
            increment = 5.0E-9
            numDigits = 57
            ref_time = 0
            start = 0.0

  • I have some documents from apple works from OSX how can I convert them in Pages in OS Maverick? Thanks Harold

    How can I convert documents from apple works to pages in OSX Mavericks? Harold

    If you're using a version of Pages prior to 5.0, it can import AppleWorks 6 word processing documents directly. Otherwise, reopen them in AppleWorks and export them in a format that Pages can read; for Pages 5.0, those are listed here.
    (107827)

  • How can I convert a Database Handle from TestStand to LabVIEW?

    I want to use a Database Handle (already created in TestStand by an Open Database step) in a LabVIEW-VI (called from TestStand) to connect it with the "Connection Reference" input of the "Easy SQL.vi"? If I use a directly connection via the "TestStand - Get Property Value (Number).vi" I get back the error message 4101 in LabVIEW. How can I convert the Database Handle?
    Test Engineering
    digades GmbH
    www.digades.com

    The TestStand database step types use the CVI SQL Toolkit to talk to databases. The handle that you are referencing is an internal memory location and not a actual handle that you can directly use. Currently as implemented the handle that is stored in a numeric TestStand property for the connection and the SQL statement are the handle values returned from the CVI SQL Toolkit. So for the connection handle, you could call the CVI SQL Toolkit function
    DBGetConnectionAttribute (
    int Connection_Handle,
    tDBConnectionAttr Attribute,
    void *Value);
    and get the CVI CAObjHandle reference. With this you could then call the CVI ActiveX function
    CA_GetInterfaceFromObjHandle(
    CAObjHandle Object_Handle,
    const IID *Interface_Id,
    int Force_AddRef,
    void *Inte
    rface_Ptr,
    int *Did_AddRef);
    to get the actual ActiveX interface reference. This would have to be converted into a LabVIEW reference.
    You may want to consider just using LabVIEW to open a new parallel reference only using the toolkit.
    Scott Richardson
    National Instruments

  • Can I convert a web page into a pdf document

    With IE it is possible to convert a web page to a pdf document if you have full Adobe Acrobat. Can this be done with Firefox.

    Hi BogdanVladusel,
    You cannot convert a webpage to pdf using Adobe PDF Pack. You need to use Adobe Acrobat for the purpose.
    Regards,
    Rave

  • Can not print a web page from firefox site. What's wrong?

    When I try to print a page I get the follow screen after the print screen.
    Save file as : *xps, next line xps document (*xps). How do I print a web page.

    {Ctrl + P} or File > Print = is your printer selected in the Printer - Name box?

  • How can I stop my home page from opening OVER a page from a link I just clicked on?

    If I click on a link from an email, Firefox always opens 2 pages with my home page (Google) covering up the page I clicked the link to go to. How can I stop it from doing that?
    == This happened ==
    Every time Firefox opened
    == I think since I got the most recent upgrade (3.6.7)

    There's a good chance this is related to a bug that kicks in when you do not have Flash running in any tab and you open a new window to a page that does use Flash: suddenly, the previous window (typically the one from which you launched the link or bookmark) comes back to the front.
    The details are in this recent thread: [https://support.mozilla.org/questions/955659 Opening New Windows and Shockwave Flash].

Maybe you are looking for

  • How do I transfer my itunes library from one laptop to another?

    I have 5 computers on my itunes account.  Main computer is our mac mini.  The rest are laptops.  I just want to transfer the exact library from one of our laptops which is a macbook pro to my new macbook air.

  • Getting error while executing workflow: java.lang.OutOfMemoryError.

    Hi, I am getting the below error while executing the unassigment workflow on AD resource having 160 user objects. java.lang.OutOfMemoryError. Please provid your inputs on this. Your help wolud be appriciated. Thanks Renuka.

  • Document will not print correctly

    I have a Photosmart 3210xi All-in-One. Have had it connected to a desktop and everything prints fine. Recently was provided a laptop (Dell Latitude D505). Connected this up to the printer. Tried printing a document. The print preview looks good, but

  • Events are not grouped by date

    Recently I had a crash on my iPhoto and had to basically re-input all 60,000 photos. All went well and iPhoto working okay now. Only issue is the events are not grouped by date anymore.  meaning I have several events that are on the same date. All th

  • Apple TV & mirroring MBP

    Is there a possibility to run the presentation / do mirroring using the Apple TV 2 and iPhone 4/iPad 1/MBP?