Notes 9/27

* “.” denotes a class

Screen Shot 2016-09-27 at 10.35.19 AM.png

I. Adding a logo div

Style.css

Screen Shot 2016-09-27 at 10.41.45 AM.png

Source Code

Screen Shot 2016-09-27 at 10.42.01 AM.png

II. Adjusting Float

Screen Shot 2016-09-27 at 10.47.06 AM.png

III. Adding logos from Photoshop

  • select layers on photoshop
  • add/drag to new photoshop document (300px wide, 75 high) –turn ruler on (right click to adjust from pixels to inches) TURN BACKGROUND VIEW OFF
  • export, export as PNG, select transparency 
  • enter (img src= “file name“)

Screen Shot 2016-09-27 at 11.05.19 AM.png

IV. Splitting header into 3

Source Code

Screen Shot 2016-09-27 at 11.15.59 AM.png

Style.css

Screen Shot 2016-09-27 at 11.36.33 AM.png

V. P tag     <p>   </p>

Source Code

Screen Shot 2016-09-27 at 12.07.15 PM.png

Style.css

screen-shot-2016-09-27-at-11-44-52-am

Screen Shot 2016-09-29 at 9.20.36 AM.png

Advertisements