ansaurus

Question

how to have the text under the logo css

Answer 1

+2 A:

see how to do it in this example

http://www.ironspider.ca/graphics/alignment.htm

the idea is play with align attribute in image (put the image in the same paragraph )

and put a space around with hspace / vspace attribute

some thing like :

     <tr>

           <td colspan="2"> 
                <p>
                 <img align="left" hspace="20" src="http://logo_312x142.jpg" /> 

                <div mc:edit="main">              

                    <h1 class="primary-heading">Test</h1>
                    <h2 class="secondary-heading">This is a test</h2>
                   <p>Sample copy. Lorem ipsum dolor sit amet et est, consectetuer orem adipiscing elit. Est em morbi commodo, ipsum sed pharetra est gravida. Suspendisse id velit vitae et ligula volutpat ipsum condimentum.             
                   </p>
                </div>
</p>
          </td>
        </tr>

Haim Evgi 2010-08-19 12:59:27

@Haim Evgi: you mean this one: "<td id="image" colspan="1"> <img src="http://logo_312x142.jpg" /> </td> " I have to put it inside the "<td id="content-intro" colspan="1">"

tintincute 2010-08-19 13:06:23

yes , to achieve this, put it in one!! td and wrap them in <p>

Haim Evgi 2010-08-19 13:10:16

@Haim Evgi: please see my edited code above

tintincute 2010-08-19 13:23:02

not good insert the image and text to one td , they separated , like in the link i add, i hope its clear, i update the answer

Haim Evgi 2010-08-19 13:31:42

@Haim Evgi:ok. can i just change the number of colspan from 1 to 2? would it not be a problem?

tintincute 2010-08-19 13:35:42

@Haim Evgi:does that mean I don't need to change anything in the css part?

tintincute 2010-08-19 13:38:05

did you try its work ?

Haim Evgi 2010-08-19 13:38:17

tintincute 2010-08-19 13:40:24

glad to hear good luck

Haim Evgi 2010-08-19 13:41:46

yes it works, but the text font change. how can i have it uniform? it became Times New Roman now

tintincute 2010-08-19 13:43:06

still have question: do I need to change the colspan from 2 to 1? because the original was 1 maybe that might solve the text problem

tintincute 2010-08-19 13:44:55

its not solve it in your case, about the mean of colspan see http://www.htmlcodetutorial.com/tables/_TD_COLSPAN.html

Haim Evgi 2010-08-19 13:47:40

i changed the colspan then the text went down and displayed below the image. so how can i change the font?

tintincute 2010-08-19 13:48:44

to change the font, give it a class to this td/div and declare a style

Haim Evgi 2010-08-19 13:52:11

ok will try do you mean like this:<td id="content-intro-text" colspan="2"> and then i'll add this in the css?

tintincute 2010-08-19 13:56:17

yes !!! go for it

Haim Evgi 2010-08-19 14:00:36

i tried it but then the word test went far right...:-(

tintincute 2010-08-19 14:05:23

Answer 2

+1 A:

to solve issues while coding for email html template, dont be shy to use the traditional <table> tag to organize your content. there's a huge issue in email client compatibility, some renders it right, some renders it weirdly...etc

in your case here, so far so good.. now you decided to have all these in a single <td>...</td>, right.. if you want to move the Text content (h1, h2, p..etc) to be placed below the img logo, i think you can just add <br> at the end of the img. logically this should work, right? eventough h1 itself is a block element, but things could be be rendered differently in email client.

or, just add another <tr>..</tr> after the tr for logo.. make sense?

OR, old-skool style, "Nested Table"! :D off course i dont recommend that..

let us know if it help. :)

Faizal Heesyam 2010-08-19 14:06:42

@faizalheesyam:thanks for the input. I think I was able to have it worked but the problem now is, the Header text went to the far right after I added a code in the CSS style and now it looks strange. You can try the code I posted

tintincute 2010-08-19 14:19:08

ansaurus

tags:

views:

answers:

how to have the text under the logo css

related questions