How can I create tables to fluid grid to specify the location of content?

I am building a website using checkerboard to fluid so that the site is displayed correctly across different devices. I have difficulties to get the layout to work how I see it. Elements that should be showing in a tabular format are stackable instead. How can I get my correct layout?

Tables are not conducive to fluid layouts because tables cannot resize beyond a certain point.  Thus, they do not meet all the widths of the device.  We examined workarounds in this forum.  Some are better than others but as osgood has said, everything depends on the complexity of your tables are.  In general, I try to avoid the use of all tables in fluid layouts.  If I have some tabular data, I sometimes use lists of definitions.

Pseudo-Tables with definition lists - JSFiddle

Nancy O.

Tags: Dreamweaver

Similar Questions

  • How can I sign up for fluid grid layout div border

    How can I sign up for fluid grid layout div border

    Add this to your CSS:

    {.borderbox}

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    Use the borderbox class where you have a similar scenario. In the present case:

    and

    Here is an example of what box-sizing does and how it is different from a normal border zone or a 'content' box: http://compass-style.org/examples/compass/css3/box_sizing/

  • By using only the keyboard, how can I create an email using Outlook Express, have the files of "painting" in the body of the email

    original title: only the keyboard

    By using only the keyboard, how can I create an email using Outlook Express, have the files of 'paint' in the body of the email, also registered another Web page?

    Hi r. Gull,.

    You can view using Outlook Express keyboard shortcuts, documented in:

    http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/mail_hotkeys.mspx?mfr=true

    I hope this helps.

  • How can I import tables to a different schema in the relational model existing... to add these tables in the existing model? PLSS help

    How can I import tables from a different schema in the relational model... to add these tables in the existing relational/logic model? PLSS help

    Notes; I already have a schema ready relational/logic model... and I need to add more tables to this relational/logic model

    can I import the same way like I did before?

    But even if I do the same how can I add it in the template? as the logic model has been designed...

    Help, please...

    Thank you

    To view the diagram of logic model in Bachman notation, you right-click on a blank area of the diagram and select the rating > Bachman Notation.

    David

  • How can I create a link to an image that is located on an ftp site to a Web page that is located on another.

    How can I create a link to an image that is located on an ftp site to a Web page that is located on another.

    I managed to do it with the full path of the link (file:///C|/Users/myname/Documents/familyK3/image1.jpg), but as it is quite long, I would use the relative path. To be clear, I have 1 site that spans 3 different storage locations for FTP. site1 (named familyK), that contains the page. On this page, I have an image that is in the images on training3 (named familyK3). I tried... / familyK3/images and... /... (/ familyK3/images, but I don't get to see the photo in DW (since it usually refers to an image in the same folder (root)) and not to another location).

    I use dreamweaver8.

    Stephaan

    Use an absolute URL in the field of the CBC to your properties panel.

    http://your_other_site.com/images/filename.jpg"alt ="description">

    Nancy O.

  • How can I create a rectified ondulaire tia sal22 of the signal

    How can I create a rectified signal ondulaire.  I figured out how to create a half signal by using the upper and lower limits just having trouble with the next part.

    TIA sal22

    Do you really need to put "air sal22" in the subject line of each of your messages?

    To make a full corrected the sine wave, just put a function absolute value on your wire waveform.

  • How can I create a second e-mail account in the same profile?

    Hello
    I want to create a second email account for my work. I want to be in the same profile and do not have the ability to edit profiles, in order to access my business account.
    I want to choose the account that I want to use in the Panel side said.
    How can I do this?
    Thank you in advance.
    Laetitia.

    Good. You can then mark it as 'Resolved' Please?
    Thank you.

  • IBM Thinkpad with XP Home Edition preinstalled but no XP installation CD. Will need to re - install XP from CD after planned hard drive upgrade. How can I create a CD to install XP from the installed system?

    Hi, I bought an IBM Thinkpad with XP Home Edition pre-loaded in 2005 (the XP key sticker is on the bottom of the laptop), but did not receive an XP installation CD - I understand, it is a common practice. I want to improve the internal hard drive (for a bigger) then you will need to re - install XP from CD. They tell me that there is a way to create the XP (on the CD burner) installation installation CD but have no idea how. I can't imagine I'm the only person to have had this problem. Can you tell me where I can find the instructions how to do this please? Any help is welcome. Thank you very much.

    There are many cloning utilities, but I recommend Acronis True Image. You can clone your hard drive, then use TI to the image of your system and to make incremental backups. MS - MVP - Elephant Boy computers - don't panic!

  • How can I create two Windows XP ins journal for the same profile account

    How to create two window XP account but after I'm in the same document and connection setting? can anyone help? I am urgently use...

    for example

    I create UserB, wear and two user account
    the nest of access profile is userA
    what I need is UserA, connect you will see UserA profile, including all the settings such as the office and the document.
    When UserB connect it will also see the same thing as UserA is the profile of UserA. Can I know how to do? I know it's something on the registry.
    Here's a link, but I really understand now
    http://support.Microsoft.com/kb/314045
    Thanks in advance

    You cannot use them with the same profile, but you can copy the user profile to B.

    See here for more help: to copy a user profile

    You must be logged in as an administrator to do and you can't copy to or from the account to which you are connected.  If you want to copy the profile to the profile B, you need to be connected on that C and C must be a member of the Administrators group, you will have to create this account C if it is not already available (or use the built-in Administrator account).

    John

  • How can I create a shortcut to "change user" on the desktop using rundll32.exe in Vista Home Premium?

    I am trying to create the shortcut to "change user" using rundll32.exewithout to create the shortcut to "lock", only to pass the user. I already know that I have to right click on an empty space on the desktop, press New\Shortcut and type%windir%\System32\rundll32.exe user32.dll,but not after the comma. Type so I can only create the shortcut to "change user" and not the shortcut to 'lock '? (This means that I don't want this: %windir%\System32\rundll32.exe user32.dll, LockWorkStation, with LockWorkStation after him.)

    Unfortunately, it can be done in your version of Vista (or so they say, hang on a moment.)  I found the article according to that cllaims to do in Vista Basic and Vista Home Premium in addint a file and shows a set of procedures.  As it is a 3rd party file, do so at your own risk. http://www.vistarevisited.com/2008/08/02/create-a-desktop-shortcut-to-switch-users-in-vista/.  NOTE: This is not how you suggested higher, but if it works who cares?

    In case you don't want to consider the solution above, you have refused, here is the procedure (how to do it in other versions of Vista):http://www.vistax64.com/tutorials/136969-switch-user-desktop-shortcut.html.

    I hope this helps.

    Good luck!

    Lorien - MCSA/MCSE/network + / has + - if this post solves your problem, please click the 'Mark as answer' or 'Useful' button at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • How can I create more than one CSS style for the text links?

    Hello

    Just like the title says, I need help to create more than one CSS text link style in Dreamweaver CS4. For example, I want that navigation on the site that I am building to have a style of link different text as a link in a certain part of the body copy. I played with Dreamweaver for awhile and can't find a way to do this. If it is still possible to do so, I'd appreciate any help.

    It is a common requirement in most Web sites.

    It's faster and easier to implement directly in Code view

    Good tutorial here

    http://www.Projectseven.com/Tutorials/CSS/Pseudoclasses/page3.htm

  • How can I create a "print" button that will check the required fields before printing?

    I have a form that is almost ready to be published. There are a few required fields to fill out. I have a Setup button print and check the required fields using this JavaScript:

    var emptyFields = [];

    for (var i = 0; i < this.numFields; i ++) {}

    var f = this.getField (this.getNthFieldName (i));

    If (f.type! = "button" & & f.required ") {}

    If ((f.type=="text" & & f.value== "") |) (f.type=="checkbox" & & f.value=="Off")) emptyFields.push (f.name);

    }

    }

    If (emptyFields.length > 0) {}

    App.Alert ("error! ("You must fill in the following fields: \n" + emptyFields.join ("\n"));

    }

    Its form current you can click on the button and the required fields, the error message, but it still shows the form. Is there to allow printing not until all required fields are filled? I work in Adobe Acrobat X Pro.

    Thank you!

    In the end, use this:

    If {(emptyFields.length>0)}

    App.Alert ("error! ("You must fill in the following fields: \n" + emptyFields.join ("\n"));

    } {This}

    This.Print ();

    }

  • How can I create an external link to a specific page within a PDF file? Can I create an anchor?

    I have a PDF file that contains multiple items. Currently, I have to split the file in many others, so I can link directly to the desired article. How can I create an anchor to point directly to the desired page/section? Is this possible?

    If it is for use in a browser, you will find that what works for some will not work with others. When Acrobat/Reader is used as a plug-in, it can work to create a link to the page numbers and named destinations (that you're an anchor), but other browsers that use a built-in PDF reader may not support it. Here is an article that should help you: Planet PDF - link to Pages or Destinations in PDF files

  • How can I create a slideshow of right scrolling?

    Hello, I've looked everywhere in search of slideshow tutorials. I mean there are TONS of them and I followed just about every one I can find. For some reason most of the slide show does not work with my code. I don't know if it's the use of Dreamweaver CC I use. So I have to use my final of resources in the adobe community ask properly one of the simplest questions. How can I create an Automatic slideshow that scrolls to the right, I have done some tutorials so I'm not quite in a State of mind to make another, I prefer if you keep it simple and give me the live code. Also, I would like the slideshow to be simple, no extra animation, just a photo slideshow with a picture going to the right each time. I like to keep simple because I might need to change it later.

    Hi Mamoun,

    If you use JQuery Cycle Pluginto 'slideshow cycle', so it's me explain to my eyes! For example, you could have a look at the source code to the view-source database:http://jquery.malsup.com/cycle/basic.html.

    The same even for DW Bootstrap, because you need only follow the insert commands.

    Hans-Günter

  • How can I create extensible components for re-use?

    How can I create a button that stretches (such as the scale-9) with the text label? I create all of my graphics in illustrator rather than photoshop to get real FXG markup instead of embed all images?

    This has been addressed in the FAQ.

    Please see if the discussion he answer your question.

    -Bear

Maybe you are looking for