Background color of "Div" (header) - change to fill the width of the page beyond just the width of the content

I need the background color (#060) of my head extends beyond simply the content of the entire width of the top of the page (the full width of the body and the right column).

, But what I do (see http://www.aloe-vera.org ) there is always a white space because the header at the top ends with the right side of the drop down horizontal top menu.

Yet, I find the following in the blank template page for html to DreamWeaver 5.  I hope someone can explain better. I think that is found the answer, but it is not supposed me.  Thank you, David (see below)

"By nature, the background color to any div will only show for the length of the content. This means that if you use a background color or a border to create the appearance of a column to one side, it will not extend all the way to the foot of the page, but stops when the content ends. If the content div contains more content, you can place a border on the div content to divide the column. "

DavidHonaker wrote:

I always have problems with the page size when I insert the code (tried both above and below of the)

So I created a blank page again, continuous.

You do me a favor and watch www.aloe-vera.org/test2.htm

Without all the unnecessary code in the page advanced just this one maybe base I'll better be able to see what you want me to do.

Thanks Osgood, David

You almost had the style br code in the right place.

Not here:


 
 



 
 

BUT here: (after the and before closing)

Tag:


   

 
 
 

Tags: Dreamweaver

Similar Questions

  • No idea why, when you use the Source of the Image changes it overwrites the content?

    No idea why, when you use the Source of the Image changes it overwrites the content?

    Its a really great tool and I want to use it as I have a complicated trajectory I want multiple items to follow, but to have many different PNGs. but when I change them it overwrites the content?

    Thanks in advance

    Scott

    Hi, Scott.

    It is likely that you touch the question where the dimensions of the old image are used when change you to a new image.  It is a known issue for the latest version of edge animate CC and we try to fix it in a future release.  Unfortunately, the only thing you can do is to change the dimensions of the image after you exchange.  You can also copy and paste the path of an element to another, if it would help.

    Hope that helps,

    -Elaine

  • Is it possible to import xml into Adobe Muse to fill the content similar to InDesign?

    Is it possible to import xml into Adobe Muse to fill the content similar to InDesign?

    The only way I see that this would be possible through the use of JS that you can insert by using the object-> the option Insert HTML code, you can retrieve the XML to the HTML from here - http://www.w3schools.com/xml/xml_to_html.asp

    In order to check this, simply download the sample XML file from the following location - http://www.w3schools.com/xml/cd_catalog.xml and save it somewhere locally. Now to add this file to your Muse project using the file-> add files to the download option, then it appears in the active panel.

    Add the code to your page and update the path that references the file cd_catalog.xml to assets/cd_catalog.xml. Now on the preview of the page in the browser, you should see the HTML populated from the XML.

    Thank you

    Vinayak

  • How to get the background color setting after accidentally change?

    Original title: background and other color changes
    I changed the background color by accident and cannot get the original settings that I had back

    Hello

    1. who is the operating system installed on the computer?
    2. what was the background color and what color you have changed from?
    3. What are other color changes you're talking about?
    4. What are the steps you did to change the background color?
     
     
    If you work on a windows 7 OS then try the steps in the following article and check the status of the issue.
     
     
    I hope this helps!
  • background color: I want to change the background color of the screen of the monitor

    I have a web image in my Office I want to change the background color of the screen of the monitor without a change in the office itself

    could you let me know how to do this?

    Thank you

    I have a web image in my Office I want to change the background color of the screen of the monitor without a change in the office itself

    could you let me know how to do this?

    Thank you

    Hello

    To change the color of the desktop background, follow these steps.

    Click on the desktop and select personalize.

    At the bottom of the window, select the color of the window.

    In the next window, select the Advanced appearance settings.

    In the element , select Office.

    Click the drop-down color 1 menu and select your favorite color. ClickApply/OK.

    I hope this helps.

    Thank you for using Windows 7

    Ronnie Vernon MVP
  • How to change the background color of a line when you have the selection of cells in tableview?

    I have a tableview and I chose the selection of cells. How can I change the background color of a line, if I select a cell?

    The usual example using:

    import javafx.application.Application;
    import javafx.beans.binding.Bindings;
    import javafx.beans.binding.BooleanBinding;
    import javafx.beans.property.SimpleStringProperty;
    import javafx.beans.property.StringProperty;
    import javafx.collections.FXCollections;
    import javafx.collections.ListChangeListener.Change;
    import javafx.collections.ObservableList;
    import javafx.collections.ObservableSet;
    import javafx.css.PseudoClass;
    import javafx.geometry.Insets;
    import javafx.scene.Group;
    import javafx.scene.Scene;
    import javafx.scene.control.Label;
    import javafx.scene.control.SelectionMode;
    import javafx.scene.control.TableColumn;
    import javafx.scene.control.TablePosition;
    import javafx.scene.control.TableRow;
    import javafx.scene.control.TableView;
    import javafx.scene.control.cell.PropertyValueFactory;
    import javafx.scene.layout.VBox;
    import javafx.scene.text.Font;
    import javafx.stage.Stage;
    
    public class RowHighlightedCellSelectionTableViewSample extends Application {
    
        public static void main(String[] args) {
            launch(args);
        }
    
        @Override
        public void start(Stage stage) {
            Scene scene = new Scene(new Group());
            scene.getStylesheets().add(getClass().getResource("selected-row-table.css").toExternalForm());
            stage.setTitle("Table View Sample");
            stage.setWidth(450);
            stage.setHeight(500);
    
            final Label label = new Label("Address Book");
            label.setFont(new Font("Arial", 20));
    
            final TableView table = new TableView<>();
            final ObservableList data =
                FXCollections.observableArrayList(
                    new Person("Jacob", "Smith", "[email protected]"),
                    new Person("Isabella", "Johnson", "[email protected]"),
                    new Person("Ethan", "Williams", "[email protected]"),
                    new Person("Emma", "Jones", "[email protected]"),
                    new Person("Michael", "Brown", "[email protected]")
            );
    
            table.getSelectionModel().setCellSelectionEnabled(true);
            table.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
    
            final PseudoClass selectedRowPseudoClass = PseudoClass.getPseudoClass("selected-row");
            final ObservableSet selectedRowIndexes = FXCollections.observableSet();
            table.getSelectionModel().getSelectedCells().addListener((Change change) -> {
                selectedRowIndexes.clear();
                table.getSelectionModel().getSelectedCells().stream().map(TablePosition::getRow).forEach(row -> {
                    selectedRowIndexes.add(row);
                });
            });
    
            table.setRowFactory(tableView -> {
                final TableRow row = new TableRow<>();
                BooleanBinding selectedRow = Bindings.createBooleanBinding(() ->
                        selectedRowIndexes.contains(new Integer(row.getIndex())), row.indexProperty(), selectedRowIndexes);
                selectedRow.addListener((observable, oldValue, newValue) ->
                    row.pseudoClassStateChanged(selectedRowPseudoClass, newValue)
                );
                return row ;
            });
    
            TableColumn firstNameCol = new TableColumn<>("First Name");
            firstNameCol.setMinWidth(100);
            firstNameCol.setCellValueFactory(new PropertyValueFactory<>("firstName"));
    
            TableColumn lastNameCol = new TableColumn<>("Last Name");
            lastNameCol.setMinWidth(100);
            lastNameCol.setCellValueFactory(new PropertyValueFactory<>("lastName"));
    
            TableColumn emailCol = new TableColumn<>("Email");
            emailCol.setMinWidth(200);
            emailCol.setCellValueFactory(new PropertyValueFactory<>("email"));
    
            table.setItems(data);
            table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);
    
            final VBox vbox = new VBox();
            vbox.setSpacing(5);
            vbox.setPadding(new Insets(10, 0, 0, 10));
            vbox.getChildren().addAll(label, table);
    
            ((Group) scene.getRoot()).getChildren().addAll(vbox);
    
            stage.setScene(scene);
            stage.show();
        }
    
        public static class Person {
    
            private final StringProperty firstName;
            private final StringProperty lastName;
            private final StringProperty email;
    
            private Person(String fName, String lName, String email) {
                this.firstName = new SimpleStringProperty(fName);
                this.lastName = new SimpleStringProperty(lName);
                this.email = new SimpleStringProperty(email);
            }
    
            public String getFirstName() {
                return firstName.get();
            }
    
            public void setFirstName(String fName) {
                firstName.set(fName);
            }
    
            public StringProperty firstNameProperty() {
                return firstName ;
            }
    
            public String getLastName() {
                return lastName.get();
            }
    
            public void setLastName(String fName) {
                lastName.set(fName);
            }
    
            public StringProperty lastNameProperty() {
                return lastName ;
            }
    
            public String getEmail() {
                return email.get();
            }
    
            public void setEmail(String fName) {
                email.set(fName);
            }
    
            public StringProperty emailProperty() {
                return email ;
            }
        }
    }
    

    And then the selected line - table.css:

    .table-line-cell: {selected row

    -fx-background-color: lightskyblue;

    }

  • Change the background color of a table cell, depending on the selection in a drop-down list

    I have a drop-down list wrapped in a subform in a table cell. Users can choose green, yellow or red, and I want the background color to change according to their choice.

    Can you tell me why this script does not work? I'm sure that some of you, dear friends can see in a second.


    If (this. ListItem == "green") {}

    Subform1.DropDownList1.fillColor = "000,128,000"; BackgroundFill = "solid";

    }

    If (this. ListItem == 'yellow') {}

    Subform1.DropDownList1.fillColor = "255,128,000";

    }

    If (this. ListItem == 'red') {}

    Subform1.DropDownList1.fillColor = "255,000,000;

    }


    Thank you

    Hello

    I think you should be able to use the following code in the event change of the dropdownlist control.

    Form1. #subform [0]. Table1.row2.DropDownList1::change - (JavaScript, client)

    If {(xfa.event.change=="green)"}

    this.fillColor = "000,128,000";

    }

    If {(xfa.event.change=="yellow)"}

    this.fillColor = "255,128,000";

    }

    If {(xfa.event.change=="red)"}

    this.fillColor = "255,000,000;

    }

    Concerning

    Bruce

  • Stop to add the background color to div

    On this site http://mabelspralines.com/about.html I want to fix the bg of the container for white on each page and leave the yellow bg outside. (You can see where the bg Graph stops at halfway to the bottom of the page)

    I am helping to review some things for this lady, but I do so much and I'm out of practice with CSS. How to find what item to change? The original designer has an extra bunch of CSS and it seems neither respond to the edition/background-background color

    http://mabelspralines.com/styles/global.CSS

    TIA!

    Set the background color of the #container in white as shown below (I put in the comment / * / current background color and introduce the new rule css after that.)

    .twoColFixLtHdr #container {}

    Width: 800px;

    border: 1px solid #CAACF2;

    margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.

    border: 1px solid #CAACF2;

    text-align: left; / * This setting overrides the text-align: center on the body element. */

    / * background-color: #FAF1C6; * /

    background-color: #fff;

    background-repeat: repeat;

    }

    Is that what you want?

  • Background color of div not showing in Internet Explorer 8 and before

    My footer div does not display the background color (supposed to be black...)  in Internet Explorer 8 and earlier versions.  It requires rather the color of the body.  Also, the border color on top the "bubbles" that run across the page is false (supposed to be blue) is - it simply because Internet Explorer 8 and earlier versions did support not div background and border colors yet, or is there a work-around?  Maybe I did something wrong?

    The site is: www.meridianwaterfiltration.com

    Oh wow thanks!  That fixed it!

    LOL that was an easy fix!  I appreciate your help you are awesome!

  • Digital background color works do not when you use the reference

    Hello

    I am trying to use a reference to change the background color of a digital indicator in a Subvi.  The sub - VI strives to change a digital indicator, but when I use a reference to another (reference Numeric.vi) VI, instead of doing all the background, the color I want, only the outline is the color I want, with the rest in white (natural color).    Is there a way to avoid this?

    You must use the NumericText.TextColors.BG property instead.

    Felix

  • Change orientation distorts the content of the screen on Dev Alpha (10.0.6.545)

    I use the Beta 2 SDK and my Alpha Dev is updated to 10.0.6.545.

    I want my application to support the changes in orientation from portrait to landscape and back. To implement, I followed the tutorial at:

    https://developer.BlackBerry.com/Cascades/documentation/dev/orientation/index.html

    When I flip the Alpha of Dev to change the orientation of the fashion portrait to landscape mode, it works. But when I flip it back to leave for the portrait, the content of my app's screen gets distorted / destroyed somehow so that more or less garbage appears. It is not just a question that all of my components are not moved or something (I understand I must handle this) but the screen content is garbled. When I go again in landscape mode it seems ok again. But when I go to the portrait of the screen is still once deformed. Here is a screenshot:

    I've found that I can reproduce this behavior also with examples of applications like weatherguesser and also with costs projects created from the project templates as examples NavigationPane or TabbedPane when I just turn on self-orientation in their bar - descriptor.xml file and just add an onCreationCompleted handler in their main.qml:

    onCreationCompleted: {
        OrientationSupport.supportedDisplayOrientation = SupportedDisplayOrientation.All;
    }
    

    Since the orientation change works very well for the operating system itself and the browser pre-installed too, and only my apps are affected, I think that I'm doing something wrong. Any tips?

    Is the source code for the tutorial above available as an archive available for download somewhere? I want to check it out.

    Or is it is a known issue in Beta 2? (I did not implement the change in orientation of support before Beta 2).

    (I have not found anything on this issue in the issue tracker.)

    Thanks in advance

    I've updated to Beta 3 SDK and the Dev Alpha 10.0.9.388 and this bug seems to be fixed.

  • How to change the background color to inspect element component (i.e. the Inspector and not the page under inspection)

    This component has suddenly changed into dark blue. With the police of the inspected items in the colors of foreground dark that it is very difficult to read. How to bring back the white background? Thank you.

    Apply the following user with the Stylish extension style.

    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document url("chrome://browser/content/devtools/markup-view.xhtml") {
    
    body { background: white !important }
    
    }

    If you need to change anything else, you can use the extension DOM Inspector to examine the UI elements ("chrome").

    If you need help with the CSS code, see below for a starting point.

  • Background color of floating picture changed to blue.

    I have an image open in Photoshop, visible leaders on 2 sides. I took out the lower right (that I see on the screen) to have the float of the image in the background. Normally, my background is gray, but suddenly turn to blue. Horrible! Distracting! No idea how it happened - that I unintentionally hit-, but no can I work out how to go back to grey. Any help out there?

    If your using a recent version of photoshop, then right clicking on the blue area should bring up a menu to choose another color.

  • Div id changing icons: hide the article, move to the top of line... etc are disappear.

    Hi, I have change div id icons: hide the article, move to the top of line... etc are disappear.

    I also did Global mediaquery #newname, 481, and 769.

    Why and how?

    Concerning

    Tom

    You don't give enough details to understand the problem. A proposal, however, you use a fluid grid layout. For the icons to display, the element must have class = "liquid" in the opening tag.

  • fill the contents of table bitmsak

    Hi all

    have we not a feature of oracle that will automatically populate table with bitmasking like
    for example my table is below and I have three columns whose value Y or N so 2 ^ 3 = 8.
    8 lines shoule filled automatically by the oracle function.
    SQL> DESC E_MASK
    Name  Type         Nullable Default Comments 
    ----- ------------ -------- ------- -------- 
    ID    NUMBER       Y                         
    NAME1 VARCHAR2(10) Y                         
    NAME2 VARCHAR2(10) Y                         
    NAME3 VARCHAR2(10) Y 
    the result should be like
    SQL> SELECT * FROM E_MASK ORDER BY 2,3,4;
     
            ID NAME1                                    NAME2                                    NAME3
    ---------- ---------------------------------------- ---------------------------------------- ----------------------------------------
             0 N                                        N                                        N
             1 N                                        N                                        Y
             2 N                                        Y                                        N
             3 N                                        Y                                        Y
             4 Y                                        N                                        N
             5 Y                                        N                                        Y
             6 Y                                        Y                                        N
             7 Y                                        Y                                        Y
     
    8 rows selected
     
    effect, for example I manully enter these value


    Rgds
    SAZ

    You can use a Cartesian product / cross join to get the desired result:

    SQL> CREATE TABLE E_MASK
      2  (
      3          ID      NUMBER
      4  ,       NAME1   VARCHAR2(10)
      5  ,       NAME2   VARCHAR2(10)
      6  ,       NAME3   VARCHAR2(10)
      7  );
    
    Table created.
    
    SQL> INSERT INTO E_MASK
      2  (
      3          ID
      4  ,       NAME1
      5  ,       NAME2
      6  ,       NAME3
      7  )
      8  WITH bin_vals AS
      9  (
     10          SELECT  'Y' AS VAL FROM DUAL UNION ALL
     11          SELECT  'N' AS VAL FROM DUAL
     12  )
     13  SELECT  ROWNUM - 1 AS ID
     14  ,       T.*
     15  FROM
     16  (
     17          SELECT  A.VAL   AS AVAL
     18          ,       B.VAL   AS BVAL
     19          ,       C.VAL   AS CVAL
     20          FROM    BIN_VALS A
     21          ,       BIN_VALS B
     22          ,       BIN_VALS C
     23          ORDER BY 1, 2, 3
     24  ) T
     25  /
    8 rows created.
    
    SQL> SELECT * FROM E_MASK ORDER BY 1;
    
                      ID NAME1      NAME2      NAME3
    -------------------- ---------- ---------- ----------
                       0 N          N          N
                       1 N          N          Y
                       2 N          Y          N
                       3 N          Y          Y
                       4 Y          N          N
                       5 Y          N          Y
                       6 Y          Y          N
                       7 Y          Y          Y
    
    8 rows selected.
    

    HTH!

    Published by: Centinul on April 15, 2010 06:59

    Added ORDER BY clause in the event that the ID must exactly match the name1, the values 2 and 3 as shown.

Maybe you are looking for

  • Sierra not coordinated with the new version of the iMac

    After reading what hoops I have to jump if for my 8 year old Mac Pro 4.1 to run Sierra, I wonder why launch the Sierra was not coordinated more closely with the new Apple Desktop launch (s). I read that this iMac 27 "5K is the best choice to replace

  • Satellite A200 - movies seems slower thorugh dynadock

    HelloI have a Toshiba Satellite A200 computer laptop connected to my jet TV monitor (samsung lcd screen) the dynadock docking station. When I want to watch movie or any what media in any media player, it looks like a little more slowly than it should

  • Can I replace the motherboard on w510 with

    Hello Can I replace motherboard 63Y1495 with 63Y1540 or 63Y1542. It is a w510. Recantly, I bought an old w510. The portable freezer randomly and never recoveres. It has been repaired for this before and worked fine for a while. There is no problem, b

  • Is it Possible to create 2 heading in column 1 on obiee 11g?

    Hi guys,.I want to ask, when I add 2 position with 1 column, it is possible?ex:If it is possible to create, how to create?Is it possible to edit Advanced XML?Thank you

  • great svMotion RDM

    Looking for world real experiences on someone who has svMotion'ed a big RDM or vmdk...I am planning on doing a RDM 1.4TB (in virt compat mode)Just curious as to how long it took, and if he had problems in such a large Chuck of data moving. I am worri