Im trying to re-create my mockup from photoshop in code. I've managed to get all elements in the page. I want a picture and then to have to text directly to the right of it. Any CSS help would be…
Say I have three div's which contain unique content; div1 = Is a Photoshop guide div2 = Contains a gallery of images div3 = Lists personal contact details When my page loads they all need to be hidden; div1 =…
There is a border around the pics on this site www.waynesboroheritagefoundation.com but the way that the achieve this border is by placing a border around the image in photoshop, or whichever program that they use. I was wondering if it…
I'm have two images which are both the same, one of which I edited the opacity to 90% in photoshop. My original image renders fine while my edited image(s) render all white. I changed nothing in the code except the…
I'm have two images which are both the same, one of which I edited the opacity to 90% in photoshop. My original image renders fine while my edited image(s) render all white. I changed nothing in the code except the…
I've been trying to achieve horizontal dividing that looks like carved lines in CSS3. I've tried border-bottom: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.5); Messed around with some colors and opacity but I just cannot seem to get the right…
I've been trying to achieve horizontal dividing that looks like carved lines in CSS3. I've tried border-bottom: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.5); Messed around with some colors and opacity but I just cannot seem to get the right…
For a better idea of what I'm trying to do I created this photoshop mockup of a mobile, tablet, and desktop view: HTML <div class="wrapper"> <ul class="flex-container"> <li><div>1</div></li> <li><div>2</div></li> <li><div>3</div></li> <li><div>4</div></li> <li><div>5</div></li> <li><div>6</div></li> <li><div>7</div></li> <li><div>8</div></li> <li><div>9</div></li> <li><div>10</div></li> <li><div>11</div></li> <li><div>12</div></li> <li><div>13</div></li>…
For a better idea of what I'm trying to do I created this photoshop mockup of a mobile, tablet, and desktop view: HTML <div class="wrapper"> <ul class="flex-container"> <li><div>1</div></li> <li><div>2</div></li> <li><div>3</div></li> <li><div>4</div></li> <li><div>5</div></li> <li><div>6</div></li> <li><div>7</div></li> <li><div>8</div></li> <li><div>9</div></li> <li><div>10</div></li> <li><div>11</div></li> <li><div>12</div></li> <li><div>13</div></li>…
I am trying to create a specific effect for a logo, but I dont really have an idea how this is going to work. Here is a sketch I did in photoshop: http://s28.postimg.org/nrb3k6grh/effect.gif So my idea is - I have…