contact details above SM footer

[jtfoto]

Hi guys, take pity on a complete noob. I want to add my contact details ie: address, phone number etc to sit above the SM footer and under my slideshow. Can you point me to a link or tutorial please.

Site is www.pro-imagephotography.com.au

:scratch

[Allen]

Hi guys, take pity on a complete noob. I want to add my contact details ie: address, phone number etc to sit above the SM footer and under my slideshow. Can you point me to a link or tutorial please.

Site is www.pro-imagephotography.com.au (http://www.pro-imagephotography.com.au)

:scratch
Welcome to Dgrin :wave

Put this in your footer.

<div id="myFooterInfo">
address, phone number etc
</div>


In your CSS you can format it.

#myFooterInfo {
text-align: center;
color: red;
font-family: Comic Sans MS, verdana;
font-size: 100%;
}

[jtfoto]

Many thanks Al, Two more quick questions though,

Can I move that line up a little closer to the slideshow box and how do I put some spaces between details so that they dont look like one line of text.

thanks again John

[Allen]

Many thanks Al, Two more quick questions though,

Can I move that line up a little closer to the slideshow box and how do I put some spaces between details so that they dont look like one line of text.

thanks again John
Move the myFooterInfo div to above your statcounder code in your footer.

Add in some margin to position it.

#myFooterInfo {
text-align: center;
color: white;
font-family: Comic Sans MS, verdana;
font-size: 150%;
margin: -20px auto 10px; /* top right/left bottom */
}

[Allen]

... and how do I put some spaces between details so that they dont look like one line of text.

thanks again John
Add the pre tags and put what spaces you want in there.


<div id="myFooterInfo">
<pre>
126 Tompson Street WAGGA WAGGA NSW Ph. 02 69213494 Mob. 0418 488 945
</pre>
</div>

Then in your CSS add the pre to this and decrease the font size.

#myFooterInfo pre {
text-align: center;
color: white;
font-family: Comic Sans MS, verdana;
font-size: 90%;
margin: -20px auto 10px;
}

[jtfoto]

Perfect Al, good positioning but again how do I separate the information a little more so that it does not appear so cluttered?

Thanks John

[jtfoto]

Sorry Al, ignore last post - I did not see the coding above.

Thanks for your help, John

[Allen]

Perfect Al, good positioning but again how do I separate the information a little more so that it does not appear so cluttered?

Thanks John
Ya didnt' see my last post, huh? :D