Is this acceptable CSS for the basic layout?

Hi there and thank you so much for your help.

My question refers to this link: http://www.energywa.co.za/layout/

Is this acceptable CSS coding? I know I'll have the #content with the style classes but do not want to continue with this, if the basic layout is not perfect.

Thank you so long for your help and advice.

Kind regards

Deon

Is this acceptable CSS coding? I know I'll have the #content with the style classes

Why?  It would be quite possible to do not use a single class on this page.

In general, your CSS is OK.  Here's how I would modify-

:root html {     overflow-y:scroll;}/* this sets scrollbars on for all browsers so that you don't have pages shift when moving between those that require scrolling and those that don't */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {     margin: 0;     padding: 0;     border: 0;}body {    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 100.01%;    color: #000000;    background-color: #E2E2E2;    text-align: center;}

#wrapper {     width: 970px;     background-color: #FFFFFF;     margin: 0 auto;     }

#topnavigation {     background-color: #7FFF55;     color: #FFFBF0;     margin: 0;     padding: 5px 5px;     text-align: right;     }

#header {     background-color:#FF0000;     margin: 0 auto; /* without declaring a width, a margin of auto does no good really */          /* a container div has no default margins, so declaring them is redundant */     padding: 10px;     }

#mainnavigation {     margin: 0 auto; /* see above */     padding: 10px;     background-color: #FFFFFF;     border-bottom: 2px solid #000000;     }

#content {     float: left;     width: 730px;     background-color: #FFFFFF;     color: #808080;     margin: 5px;     padding: 5px;     text-align: left;     }

#rightsider {     float: right;     width: 200px;     background-color: #E0E0E0;     margin: 5px;     padding: 5px;     text-align: left;     }

#footer {     clear: both;     background-color: #FF0000;     color: #FFFFFF;     padding: 10px;     text-align: center;     }

Tags: Dreamweaver

Similar Questions

  • I signed up for the basic acrobat reader conversion program, but he won't let me not convert PDF to Word.  I looked at troubleshooting tips and how advice but after I connect it just says this is not supported and directs me back to sign

    I signed up for the basic acrobat reader conversion program, but he won't let me not convert PDF to Word.  I looked at troubleshooting tips and how advice but after I connect it just says this is not supported and directs me back to register for the conversion program.  I would rather talk to someone, but I can't find a phone number or the option for a cat.  I have a PC.  Any help would be appreciated.

    Hi dianar30180588,

    Try to use the service to export to PDF Online https://cloud.acrobat.com/exportpdf

    Kind regards
    Nicos

  • CSS for the size of box selectManyCheckbox

    HI, we use jdeveloper 11.1.7.1 version andtying to apply some css for the check box of the item SelectManyCheckbox.  Need to increase the size of the box. Also by default wording is followed with the box, but I need to go back to the first label of the sequence and the checkbox should be displayed. Searched a lot on google but could not find a specific way to achieve this. Can anyone help please on the same subject.

    Hello

    Try with something like this:

    AF | selectManyCheckbox::content input [type = "checkbox"] {}

    Width: XXpx;

    height: XXpx;

    }

    AF | {selectManyCheckbox::label}

    position: relative;

    left: XXXpx;

    }

    Kind regards

    Ruben.

  • Class different Css for the same components in a page

    Hi to everyone.

    I want to give a different image in three different panelsplitters on my page, but I can only change their background.
    How I change their images?



    AF: panelSplitter.Left:vertical - icon-container {text-align: left; border-top: 1Px solid black ;}}
    AF: panelSplitter.Left:vertical - collapse-icon {"content: url("/img/image1.png ") ;}}
    AF: panelSplitter.Left:vertical - restoration-icon {"content: url("/img/image2.png ") ;}}
    AF: panelSplitter.Left {divider - tr - size: 16 ;}}


    This code works for the container, but does not work for the icons.

    How can I do?

    If you want to specify different styles for each of the group separators, you can set properties Peel with a styleclass &
    associate the styleclass with the component.

    styleClass = "CustomPane" >






    Skin.CSS:

    AF | panelSplitter. * CustomPane *: vertical-icon-style {}
    background-color: red;
    background-image: url(/images/error.png);
    }

    AF | panelSplitter. * CustomPane *: horizontal-icon-style {}
    background-color: red;
    background-image: url(/images/error.png);
    }

    Thank you
    Nini

  • After update to the last version of the space bar no longer give me hand tool / to navigate around my image, everyone knows this? Even for the button on my wacom pen...

    After update to the last version of the space bar no longer give me hand tool / to navigate around my image, everyone knows this? Even for the button on my wacom pen...

    ... computer update restarted... everything seems to work again.

  • I paid for the Basic program convert PDF to Word or Excel - how to operate?

    I paid for the Basic program convert PDF to Word or Excel Documents.  When I pull up the PDF I want to export and click the export in the tool bar it brings me back to to sign up for the service I already paid and received e-mail confirmation - help!

    1 make sure that you have done a "ExportPDF' or 'PDF Pack', not another thing.

    2. check that you sign with the SAME Adobe ID used to subscribe.

    3. If no, go to manage account on the Adobe website and make sure your subscription is active. (If you just pay it may take up to 48 hours for a reason any).

  • APEX 5 modal page: CSS for the layout does not work

    Hi experts,

    I have problem with CSS tag in the pages of the dialog box modal.

    If I use a few CSS changes for APEX DA label (for personal reasons), it works for a normal page.

    Example:

    standard page: label #P2_X_STATUS_LABEL {make-weight: 700}-works

    modal page: label #P3_X_STATUS_LABEL {make-weight: 700}-does not work


    I tried to change the style of firebug (color, background,...) for each element on a page modal. It does not work. Also with! important attribute. I checked the 'Get matching items' jQuery selector and it shows me the correct items.


    How is that possible?

    I upgraded from 4.2 and I need this feature (base), to the works. (for modal too)


    Concerning

    J

    It will help if you demonstrate your problem to apex.oracle.com.

    Please, create a workspace of comments and provide us with credentials in order to visualize and debug your question.

    Thank you

    Sunil Bhatia

  • I am looking for a solution Server (with Te css) for the fact that Firefox uses the system DPI settings, which makes my site look (too) big.

    My site appears much too big in firefox. And I want all browsers to view my site properly.
    I know that there are settings wihtin firefox that fix this problem. But I'm looking for a solution on server side, so that visitors to my site must not be disturbed by changing their settings.

    You may need to change your site as soon as 30 Chrome and IE 11 will also use the system DPI setting (like Firefox does now).

    Possible solution:

    • Type of topic: config in the Firefox address bar and hit the Enter key.
    • If the warning that this might void your warranty , click I'll be careful, I promised.
    • Search for layout.css.devPixelsPerPx

    • Double-click layout.css.devPixelsPerPx to edit its value. The default value is - 1.0 in Firefox 22 and above. Change it to 1.0 to run as in previous versions of Firefox.

    If necessary, further adjust the value of 0.1 or 0.05. Values between 1.0 and around 0.5 to reduce the size of the elements. Use a value greater than 1.0 to increase the size. For example, a value of 1.25 will increase the font size of the 125% to account for the default DPI setting in Windows 8. Check the value that you enter. Definition of a value that is too small will take everything away and too high will explode things.

    If the web pages should always be adjusted so you can watch the extension Default FullZoom Level or NoSquint .

    To adjust the font size for the user interface, you can use the extension of theme font & size changer .

  • How to customize the CSS for the right-click menu?

    I have the Chromedit extension installed, and I want to customize the design of my context menu to look "Flat" as menu right-click chrome. It would also be nice to make all the other menus, such as the Firefox button to be flat. What is the item in the context menu of firefox CSS? Specifically, I would like to know the names of the CSS elements for the

    - entire menu
    - any menu element
    

    In fact, incidentally, is there a systematic way of knowing the name of element CSS for a browser component? Any extension to this?

    Edit: I chose the solution of cor - el on the advice of jscher2000, however, for the future visitors convinience, here is the link to the complete solution of jscher2000:

    Response 584137

    Have you tried that?

    #context-openlinkprivate {
     background-color: #4281F4 !important;
     -moz-appearance: none !important;
    } 
  • How to use USB CAN 8473, code for the basic example

    Hi all.

    I use NEITHER USB-8473 CAN transmit and receive data via CAN.

    I have traveled a lot a lot of pages related to this and realized that the API will not work for USB - CAN. Can someone tell me please how to use this USB-8473.

    Maybe an exaple program would help me. (It is not PCI it we USB,)

    Thank you.

    You will need to install NI-CAN, if you don't have already done.  This is the API that you can use with a 8473.  After installing, open Explorer Measurement & Automation and make sure that you can see the 8473 under your devices.

    Here is a sample VI (LabVIEW 2009) that I wrote for another developer to make the CAN communication basic tests.  You enter a package CAN as a series of hexadecimal bytes separated by spaces, and it will send it to you.  It displays every CAN packet it receives in the same format.

  • Can I get this video card for the h8-1234?

    I really need to know quickly, if I can properly place this video card in my computer and make sure that it fits in the case.

    It's the graphics card I want to buy: http://www.tigerdirect.com/applications/SearchTools/item-details.asp?EdpNo=4501133&Sku=E145-0667

    NOTE: I know that I should upgrade my PSU aswell. Round 600W I think.

     

     

    Please answer quickly! I really want to get rid of this video card.

     

     

     

    [hr] [/ h]

     

    Specifications of the PC:

     

    10 GB of Ram

    Radeon HD 7450

    1 TB HARD DRIVE

    AMD FX-6120 Six Core processor

     

    Kodakly, welcome to the forum.

    I see no reason for the map does not work on your computer.  I agree with your assessment on the power supply.  I like Corsair and OCZ PSU.  They are reasonably priced and provide a clean and stable power to the entire computer.

    If your problem is solved, please click "accept as a Solution.

  • Question about ActionScript 3 for the basic website...

    I have a basic website in flash with each 'page' on a separate keyframe in the timeline panel.

    On my links page, I have buttons that must open URL in a new window... When I try to add the script to the buttons and publish, it loops through all my pages in a constant loop.

    That's what I tried to do that does not work (add link to one of the buttons):

    Stop();

    Links_btn.addEventListener (MouseEvent.CLICK, fl_ClickToGoToAndPlayFromFrame_5);

    function fl_ClickToGoToAndPlayFromFrame_5(event:MouseEvent):void

    {

    gotoAndPlay (5);

    }

    Stop();

    This.facebook_link.addEventListener ("click", fl_ClickToGoToWebPage_5);

    function fl_ClickToGoToWebPage_5() {}

    window.open ("http://www.facebook.com/liebekunstart", "_blank");

    }

    Try to use the navigateToURL() instead of a cvommand of javascript for this second function of the button.  You should also keep things consistent and follow the coding of the first button... it is coded correctly.

    facebook_link.addEventListener (MouseEvent.CLICK, fl_ClickToGoToWebPage_5);

    function fl_ClickToGoToWebPage_5(event:MouseEvent) {}

    navigateToURL (new URLRequest ("http://www.facebook.com/liebekunstart"), "_blank");

    }

    Note: stop(); is a command of the timeline, so you only need one by any image in which you want to stop.

  • How can I create CSS for the editable regions in the documents based on templates?

    I created a template in Dreamweaver CS4 by using their set of 3 columns, header and Footer option available. The model works fine in the browser. I inserted an editable region in the empty middle of the model column. I created a new page based on this template and want to be able to format the text that I entered in the editable using CSS. Any time, I try to create a new CSS rule I get the following dialog:

    "This change should change the code which is locked by a model or a translator. The changes will be rejected. »

    Is it possible to create new CSS, which will apply to the information entered in the regions be modified of a document based on a template? Simple step by step instructions would be appreciated.

    Thanks for reading

    Do not know what is the 'id' of the middle column, but you must target the text inside that

    .

    Example:

    {#whatever}

    color: #639;

    do-size: 12px;

    }

    It is better if the text in the middle column is paragraphs and target you them as as follows:

    #whatever p {}

    color: #639;

    do-size: 12px;

    padding: 0 15px 15px 0 / * top, bottom, right, left * /.

    }

    You must make sure that you include the above in the editable page css region and HE MUST come after any link to the style sheet css main.

    If in doubt post the code for the page here and say what you want to be purple and I'll have a look.

    The tip is stop created with the css dialog box in DW, it's a load of bollocks and started writing some simple css directly in the page itself. It is easier and gives you more control than any interface automated half cooked in the oven.

    Start learning some simple css. There is absolutey zillions of resources on the net. A couple of hours well spent and your miles further. If you keep pressing DW to do everything for you, then I'm afraid you'll just be going around in circles.

    Enter the code and don't be afraid of him, take it apart and see how it works. Slowly step by step and little by little you will realize how simple structures are and how simple css really is.

  • How i: swap image in the background when I the substitution of CSS for the div

    HI: Let's see if I can explain this delema correctly:

    Objective: I want to hover over the items of the main menu menu spry and the background image of the container to change

    Catch: I use a model and have pictures of different background on every page, so I had to add a CSS rule inline for container bg image that replaces the model.

    Now I want the background image to change when I fly over the main menu items

    any ideas?

    site can be seen at www.summitcreekcapital.com

    Thank you, Nancy

    I see no real need to change the style sheet for something as mundane as the change of image of bg.  Here's an alternative:

    (1) add this to the top of your pages just before the closing tag:


    (2) then modify your menu items to add an onmouseover event that calls the function "newbg()", with a memorable classname as an appropriate setting for each menu item, like this:

  • firm_overview.html" onmouseover="newbg('foverview')">FIRM OVERVIEW
  • firm_team.html" onmouseover="newbg('mteam')">MANAGEMENT TEAM
  • code.pdf" target="_blank" onmouseover="newbg('cethics')">CODE OF ETHICS
  • Please note my classnames have been designed to reflect the text of the link, like "Overview of the firm"-> "foverview" rather that imagename that you will use for the bg, so in the future, if you decide to change this image, classname will always make sense for that link!

    (3) and then in a named "bgimages.css" external style sheet that I put in a folder /css/ (but you are free to rename all of these paths, filenames etc.)

    put these:

    .oneColLiqCtrHdr #container.foverview {
    

    Background: url (.. / pic01.jpg);
    }

    .oneColLiqCtrHdr #container.mteam{
    

    Background: url (.. / pic03.jpg);
    }

    .oneColLiqCtrHdr #container.cethics{
    

    Background: url (.. / pic02.jpg);
    }

    Change the images and paths as needed of course. As always, the path is always relative to the location of the css file.

    (4) and finally, in an external js file name "bgSwitcher.js" which I put it in a folder/js /, paste this:

    function newbg (classnm) {}

    var d = document;

    If (! d.getElementById) return;

    var c = d.getElementById ('container');

    If (! c) return;

    c.className = classnm;

    }

    Hope that all of the senses.  If I left you confused at any stage, just let me know.

    --  
    
    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • OS5 stops Javascript when the backlight is off or time > 10 seconds - is this a problem for the WebWorks applications?

    I read that the OS5 browser stops all scripts once the backlight turns off, or if the script takes longer than 10 seconds to run. The problem is that the scripts will automatically restart (!). I really hope this isn't the case for the WebWorks applications, I can't have the app stop working if the backlight turns off. If the general development of BB moves towards HTML5 and JS and expects to have success, this kind of problem cannot exist.

    WebWorks for OS5 doing?

    No, this time-out does not occur for applications WebWorks... only for pages running in the browser.

Maybe you are looking for