Options

Co-Branding Settings & html question.

ppugappuga Registered Users Posts: 100 Major grins
edited July 15, 2005 in SmugMug Support
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.

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"&gt;
<img src="http://ppuga.smugmug.com/photos/28471186-M.jpg&quot; 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
Pablo Puga
www.pablopuga.com

Comments

  • Options
    Mike LaneMike Lane Registered Users Posts: 7,106 Major grins
    edited July 15, 2005
    ppuga wrote:
    How can I put or what do I have to put in the code to have a SPACE between the SEARCH and the Banner? <img src="https://us.v-cdn.net/6029383/emoji/headscratch.gif&quot; border="0" alt="" >

    Thanks.
    <img src="https://us.v-cdn.net/6029383/emoji/thumb.gif&quot; border="0" alt="" >
    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.
    Y'all don't want to hear me, you just want to dance.

    http://photos.mikelanestudios.com/
  • Options
    ppugappuga Registered Users Posts: 100 Major grins
    edited July 15, 2005
    Mike, thanks, this was very usefull. What I needed was the
    now its working fine. But the other stuff also work well.

    THANK YOU.
    Pablo Puga
    www.pablopuga.com
Sign In or Register to comment.