html - How do I create and align three 'div' boxes under the menu,? -

-

I am trying to create and align three boxes with 1 box solid pin under the menu. I want them to be aligned equally because I am planning to put a picture in them. Three in each row I can make Div Box first and align it, but when I try to make another, it only overlaps for the first time and I can not get it to move in the next one. Dimensions "Height" is 340px and "width" is 260px. Because I will use this format again I will make them as a div square or div id, please explain in detail no detail so much appreciated.

All help friends appreciate. Thank you. 

  & lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "style.css" /> & Lt; Link rel = "stylesheet" type = "text / css" href = "videos.css" /> & Lt; Link rel = "stylesheet" type = "text / css" href = "vines.css" /> & Lt; Title & gt; Puppy Power & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "page" & gt; & Lt; Header & gt; & Lt; / Header & gt; & Lt; Div id = "dog logo" & gt; & Lt; / Div & gt; & Lt; Ul id = "navigation" & gt; & Lt; Li & gt; & Lt; A href = "indes.html" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "Videos.html" & gt; Video & lt; / A & gt; & Lt; Ul class = "sub" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Venice & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Pugs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Unsuccessful dogs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Mad Dogs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Funny Dogs & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Photo & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Article & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "cell" & gt; & Lt; / Div & gt; & Lt; Div class = "cell" & gt; & Lt; / Div & gt; & Lt; Div class = "cell" & gt; & Lt; / Div & gt;   
   #row {width: 267px; Height: 370px; Border-top: 1px solid # 89cff0; Border bottom: 1px solid # 89cff0; Border-left: 1px solid # 89cff0; Border-right: 1px solid # 89cff0; Display: Inline-block; Vertical-align: top; Margin: 5px 0px 5px 5px; } If your question is not misunderstood, then what are you looking for:    
 
 
  & lt; Div class = "row" & gt; & Lt; Div class = "cell" & gt; & Lt; / Div & gt; & Lt; Div class = "cell" & gt; & Lt; / Div & gt; & Lt; Div class = "cell" & gt; & Lt; / Div & gt; & Lt; / Div & gt; .cell {width: 267px; Height: 370px; Border: 1 px solid # 89cff0; Display: Inline-block; Margin: 5px 0px 5px 5px; } Here is an example of how it will look:  
 I hope I was helpful

Comments

Post a Comment

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

-
I have a SKScene where I am adding an SKSpriteNode I have subclassed the SKSpriteNode class to create this node. In the subclass I am defining some SKActions on Sprite. What do I want to do when the end of this phantom ends the SKAction sequence, then I add a new Prayer node to this scene. How is this possible. The following code is mine: The code for the sequence is that I'm running on the Scansprinitode subclass (TEMissileNode): - SKAction * moveDown = [SKAction moveToY: Self.position.y - 20 Duration: 0.2]; SKAction * animation = [SKAction animateWithTextures: textures timePerFrame: time / 7]; SKAction * moveMissileProjectile = [SKAction Moving: Pointoffscreen Term: Time]; SKAction * group = [SKAction group: @ [animation, movement projectile]]; SKAction * Sequence = [SKAction Sequence: @ [Hilldown, Group, [SKAction removalFromParent]]]; [Self run action: sequence]; From the main scene, I call those actions that execute these tasks TEMissileNode * missile = [tmissil...
Read more

Matlab transpose a table vector -

-
An embarrassing simple question seems to be, but how can I move a Matlab table vector? aTableT = aTable '; I tried a standard syntax for the simple interaction of a line vector to a line vector aTable : ATableT = reshape (aTable, 1, Height (aTable)); and aTableT = rot90 (aTable); According to the head, the last time table should work for table, see. However, I get this error code: Error type in using table / permit (line 396) Undefined function 'permute' for the input arguments. Error in rot 90 (line 29) b = magnitude (b, [2 1 3: ndims (a)]); NB: fliplr is not useful either pretty sure I have covered clear angles - any ideas? Thanks! Try changing your table into an array, move it, then back to a table In other words, try doing this: aTableArray = table2array (aTable); ATableT = array 2table (aTableArray. '); I have also read the document for rot90 , and it says that rot90 is definitely working for tables Do, and I find you...
Read more

c# - Textbox not clickable but editable -

-
I have a small form with 10 text boxes, I have set them in the correct tab order. I want them on my tab service I was wondering if there is a way to set the text box so that they can be selected for editing until they are tabbed. That is ... I do not want the end user to edit the text box to click on them, I just want to make them editable through tabu. this should do the trick public partial category poor text box: Text Box {Safe Override Zero WndProc (Ref: Message Message) {if (m.msg == (Int) WM.LBUTTONDOWN) {Return; // mount down events} base.WndProc (ref m); }} Window message enum can be found. How to do this without anherizing: text box : class EatMouseDown: netwindows {safe override zero WndProc (ref message message) {if (m.msg == (int) WM.LBUTTONDOWN) {return; } Base.WandProc (Ref M); }} Safe Override Zero Onload (EventEurge E) {base.OnLoad (e); How to do this without any part: left a clean part, whatever is important, this can be a buggy but it works R...
Read more