: Image Appears Small on website but not in photoshop Sorry for the lame title.. I bought a template off template montser and I am trying to change some text on the header. The text is stored

@Miguel251

Posted in: #Images #Photoshop #WebsiteDesign

Sorry for the lame title..

I bought a template off template montser and I am trying to change some text on the header. The text is stored as a png image. I opened the psd file in photoshop and changed the text to what I wanted. Put the layer in a new file and saved as PNG. In the psd, the text appears exactly as I want in relation to the website. When I use the png I saved, it is much smaller

Photoshop file:


Result (I know background color is off):


Template before tampering with it:


Anybody know whats going on or how to make this the correct size?

EDIT :
I now know that CSS is limiting the size of my image. The problem is, I'm a nooob on CSS.

My index file is:

<div class="container_12">
<div class="wrapper">
<div class="grid_12">
<h1 class="fleft"><a href="index.aspx"><img src="images/cbjlogo.png" alt=""></a></h1>


And the corresponding CSS:

.container_12{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }

.wrapper{overflow:hidden;position:relative;}

.container_12 .grid_12 { width: 940px; }

.fleft{float:left}

.header h1 a img{ max-width:100%; height:auto;}


I'm not exactly sure which of these is causing the size constraints..can anyone help? I believe it has something to do with the container or grid

Vote Up Vote Down

Login to post a comment!