Easy Peesey CSS ?

[yahalimu]

Hi,

Hopefully an easy question.

 

I am proficient in PHP but recently we upgraded to 2.3.3 and I have no idea about CSS layouts.

 

All I need is an image next to my logo in the header.

 

I have tried adding an image (tel.gif) next to the logo: (in includes/template_top.php)

 

(Dynamic template system added)

 

 

--------

 

<div class="row_1">

<?php require(DIR_WS_INCLUDES . 'header.php'); ?>

 

<a class="logo" href="<?php echo tep_href_link(FILENAME_DEFAULT);?>"><?php echo tep_image(DIR_WS_IMAGES.'store_logo.png', STORE_NAME, '', '', '')?>

 

</a><img src="/images/tel.gif">

 

<?php

if (($oscTemplate->hasBlocks('boxes_under_header'))) {

 

-----------

 

But predictablty it adds it undernath the logo.

 

I have tried creating a table and 2 x <td> inside a row but still no.

 

I WILL start getting up to speed with CSS but can someone in the meantime help me with this so I can get on with adding more PHP?

 

Apologies if its a newb question.

 

Mo

[Guest]

You could add a css class to the img so would look like <img class="img or another name" src="">

 

then in the css stylesheet would be

 

img.img or another name {

margin-left: xpx or x%;

margin-top: xpx of x%; - if need to use margin-top

 

or could do it this way

 

<div class="img or another name">

<img src="">

</div>

 

then in the css stylesheet would be

 

.img {

margin-left: xpx or use x%;

margin-top: xpx or x%; - if need to use margin-top

}

 

Hope that helps

 

Could add float: left and margin-left as well in the css instead of just margin-left