Co-Branding Settings & html question.

[ppuga]

Hello all.
Well, I been reading Dgrin for a few months now and its very helpfull, a few days ago I decided to customize my page. (http://ppuga.smugmug.com)

Everything is working fine.

But I have some doubts regarding to html, I'm very new to this, and may be it will sound like a stupid question. In my footer, I have a banner, and the search tool, but I want they to be separeted with a space.

This is my code:

<div align="center">
<form method="get" action="/search/index.mg">
<input type="text" name="searchWords" />
<input type="hidden" name="searchType" value="InUser" />
<input type="hidden" name="NickName" value="ppuga" />
<input type="submit" value="Search Galleries" />
</form>
</div>
<div align="center">
<A HREF="http://www.geint.com.mx">
<img src="http://ppuga.smugmug.com/photos/28471186-M.jpg" width="400" height="80">
</A>
</div>

How can I put or what do I have to put in the code to have a SPACE between the SEARCH and the Banner? :scratch

Thanks.
:thumb

[Mike Lane]

How can I put or what do I have to put in the code to have a SPACE between the SEARCH and the Banner? :scratch

Thanks.
:thumb
I'm assuming you mean a line break since you have two centered divs. For that you simply need to but a <br /> between the first </div> and the next <div align="center">.

If you want them on the same line (and I can't tell because I'm at work and all of SM is filtered...grrr) then you'll have to do something else. Here's what I suggest:

<div align="center">
<div style="float:left; width:[insert width in px here]">[insert form stuf here]</div>
<div style="float:right; width:[insert width in px here]">[insert banner stuff here]</div>
</div>

Basically what you need to do to keep them on the same line is to put them both in a container, give them a width, and float one to the left and one to the right.

[ppuga]

Mike, thanks, this was very usefull. What I needed was the <br /> now its working fine. But the other stuff also work well.

THANK YOU. :clap