css - Float Bottom? Positioning divs on the bottom of other divs -

-

I'm feeling more that I do not have a good understanding of CSS status. Given that this often causes problems for me, I am just trying to make different layouts for practice. I'm trying to create a website that can have 6 different devices that display 6 different data points. Two big divas and top each covering 50% of the screen, 4 small devices below each covering 25% of the screen.

I did some research and found that the left float will give me the result for the top half, but I can not figure out how to place four of the following devices so that they are given above Flushed with Diva and the other side. Whenever I change the size of the screen, whatever I have tried, everything fails, can anyone tell me in the right direction?

Here is a picture that I have so far. The top half is right, the bottom half is what I got caught

Enter image details here

Here's my HTML 

   Doctype html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Flatpage & lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "css.css" & gt; & Lt; Div id = "main" & gt; & Lt; Div class = "navbar" & gt; & Lt; / Div & gt; & Lt; Div class = "total_number_container" & gt; & Lt; / Div & gt; & Lt; Div class = "search_number_container" & gt; & Lt; / Div & gt; & Lt; Div class = "attribute_on" & Lt; / Div & gt; & Lt; Div class = "attribute_two" & gt; "
 
 
  & lt; / Div> & lt; / head & gt; & lt; body & gt; & lt; script src = "js / scripts.js" & gt; & lt; / script & gt; & lt; / body & Gt; & lt; / html & gt;

Here's my CSS 

  body {background-color: # ecf0f1; margin: 0;} Navbar {background-color: # 2c3e50; width: 100%; height: 50px; margin: 0; padding: 0;} .total_number_container {background-color: # 3498db; swim left; width: 50%; height: 300px; } .searched_number_container {float: left; background color: # 2980b9; width: 50%; height: 300px;} .attribute_one {background-color: # 5C97B F; width: 25%; height: 300px;} .attribute_two {background-color: # 34495e; width: 25%; height: 300px;} .attribute_three {background-color: # 5C97BF; width: 25%; height: 300px ;} .attribute_four {background-color: ## 34495e; width: 25%; height: 300px;}

This basa fixes syntax errors in the basic HTML and CSS code, and uses it to get the desired results from the original classes ( .attribute_one, .attribute_two, .attribute_three, .attribute_four < / Code>).

The main things were missing: 

  .attribute_one, .attribute_two, .attribute_three, .attribute_four {float: left; }

and the following HTML syntax errors: 

  & lt; Div class = "attribute_one" & Lt ;! - Note that the ending quote is in the wrong place - & gt; & Lt; / Div & gt;

that should be

In addition to this there was also a typo in the CSS, where background-color for .attribute_four has two # 's ( ## 34495e )


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more