[css-d] Moved down a line?
Ok - I'm pretty sure I'm doing something boneheaded, but I can't seem to figure out how. The page in question: http://ce.tuininga.org:12345/ The effect is supposed to be somewhat akin to a terminal. At the moment I'm playing with the title bar. If you notice, the text comes up aligned correctly (at least on Firefox - I haven't tried this on anything else yet). But for some reason the little logo is being shifted down a line and I can't seem to figure out why? I threw a green border around each item just to make the elements easier to distinguish. The css (http://ce.tuininga.org:12345/css/web.css) is a little disorganized at the moment - I plan on cleaning it up when I'm done developing. Any thoughts or suggestions would be much appreciated. Thanks in advance... -- Cole Tuininga http://www.tuininga.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Moved down a line?
on 3/20/2006 3:48 PM Cole Tuininga said the following:
The page in question: http://ce.tuininga.org:12345/
for some reason the little logo is being
shifted down a line and I can't seem to figure out why?
The css (http://ce.tuininga.org:12345/css/web.css)
try floating the #titlebar and #title:
#titlebar
{
float: left;
margin: 0;
padding: 0;
background: #009aff url('/images/titlebar-bg.png') repeat-y;
height: 20px;
color: #ff0;
}
#title
{
float: left;
width: 50%;
margin: 0;
padding: 0 0 0 1em;
font-size: 16px;
white-space: nowrap;
display: inline;
}
--
Brian Funk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Moved down a line?
Hi Eveeyone i havent posted before so hope this is right *smiles*
made the title float left insted of text-alaign works in my firefox and ie
#title
{
float: left;
vertical-align: middle;
width: 80%;
margin: 0;
padding: 0 0 0 1em;
font-size: 16px;
white-space: nowrap;
border: 2px solid #009900 ;
display: inline;
}
#baricon {
width: 13px;
height 13px;
border: 2px solid #009900;
float: right;
white-space: nowrap;
display: inline;
}
From: Cole Tuininga [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Subject: [css-d] Moved down a line?
Date: Mon, 20 Mar 2006 17:48:58 -0500
Ok - I'm pretty sure I'm doing something boneheaded, but I can't seem
to figure out how.
The page in question: http://ce.tuininga.org:12345/
The effect is supposed to be somewhat akin to a terminal. At the
moment I'm playing with the title bar. If you notice, the text comes
up aligned correctly (at least on Firefox - I haven't tried this on
anything else yet). But for some reason the little logo is being
shifted down a line and I can't seem to figure out why?
I threw a green border around each item just to make the elements
easier to distinguish.
The css (http://ce.tuininga.org:12345/css/web.css) is a little
disorganized at the moment - I plan on cleaning it up when I'm done
developing.
Any thoughts or suggestions would be much appreciated. Thanks in
advance...
--
Cole Tuininga
http://www.tuininga.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Moved down a line?
On 3/20/06, lirys Ca [EMAIL PROTECTED] wrote: Hi Eveeyone i havent posted before so hope this is right *smiles* Well, it's right enough to work for me! 8) Thanks. -- Cole Tuininga http://www.tuininga.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
