x10Hosting Member
Um, I'm trying to create a little "Welcome back USERNAME" bar at the top of my website.
It looks like this right now:
I don't want it like that because of that stupid padding, I want it to be glued right to the borders of the browser, like this:
Any help on how to get it like this?
x10 Sophmore
I don't fully understand... why not just get rid of the padding???
Can you link us to the source?
If anyone can see it, my post was meant for anyone who reads it. Don't take it personally or think I'm being condescending... :nuts:
x10Hosting Member
Sure, but that padding is caused from the browser, and im not sure how to get rid of it.
It's declared right after the <body> tag.HTML Code:<div id="userbar">Hi There</div>
Code:#userbar { background-color: #C8C8C8; border-style: solid; border-color: #515151; border-top-width: 0px; border-right-width: 1px;; border-bottom-width: 2px; border-left-width: 1px; padding: 3px; font-size: 12px; color: #010101; }
Last edited by xadrieth; 07-08-2009 at 05:11 PM.
x10 Sophmore
add this in your body tag,
Code:margin:0; padding:0;
x10Hosting Member
Problem fixed, thank you so much.Originally Posted by sourfacedcyclop
EDIT:
New problem.
I'm having some more positioning problems.
I added this code:
And it looks like this:HTML Code:<div id="panel"><span style="float: left;">Hi There</span><span style="float: right;">Time is Hammer Time</span></div>
And it shouldn't.
How would I get the text to appear in the DIV with the SPANS sending the text to the left/right
Last edited by xadrieth; 07-08-2009 at 07:48 PM.
x10 Sophmore
Can you give a link to your site?
x10Hosting Member
I'm testing it right now on XAMPP.
If you want to see what I am trying to achieve with the DIVS and SPANS, take a look at http://twewy-fan.com/forum/, where it asks for a login.
Where it asks for the Login info, it uses the DIV with SPANS that I want, the test to b aligned to the right/left on the same line.
x10 Sophmore
Hmmm... Its really hard to address without seeing it, but you could try this
Code:<div id="panel"><span style="text-align:left;">Hi There</span><span style="text-align:right;">Time is Hammer Time</span></div>
x10Hosting Member
Nah, that didn't work, it just smushed the text right together on the left.
EDIT:
Figured out a quick fix.
Added:
padding-bottem: 20px;
To the ID of "panel"
Last edited by xadrieth; 07-08-2009 at 09:34 PM.
x10 Spammer
To get #panel to contain floats, use #panel { overflow: auto; }. Explicitly altering the height is brittle and will break if the font size changes or if the text ever takes up more than one line.
To get more prompt help, include a link to a live version of your minimal test case.
Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Jon Skeet's and Eric Raymond's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.Misson, not Mission.
Posting Permissions
LinkBack URL
About LinkBacks
Reply With Quote
