[css-d] what happened to Owen Briggs?

[Brian Jones]

I remember years ago when I first started doing web development and messing
around with CSS, Owen Briggs was one of the guys that I would learn from. I
was just curious does anyone know what happened to him, is he still part of
the web community?


-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] help with menu bar

[Brian Jones]

thanks for help..i found the problem..the #header container had an explicit
height set


On Thu, Mar 13, 2014 at 6:56 PM, Tom Livingston  wrote:

>
>
> Sent from my iPhone
>
> On Mar 13, 2014, at 4:53 PM, Brian Jones  wrote:
>
> > Inside header, div class="col-md-9 col-sm-12" at small widths is being
> > told to be 12 cols wide, which is too wide next to your logo - which
> > is also being told to be 12col wide - so it drops down
>
> i fixed the submenu issue by removing the width:170px;
> http://jsfiddle.net/dTsrY/5/
>
> i dont mind that the menu drops down..i just want the menu to still be
> above the shadow border ()
>
>
>
> Can't look right now. Is there an explicit hight set on that div?
>
>
>
> On Thu, Mar 13, 2014 at 3:23 PM, Tom Livingston  wrote:
>
>> On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones 
>> wrote:
>> > Hi,
>> >
>> > I have this demo setup here http://jsfiddle.net/dTsrY/  and i need help
>> > with a few issues that i am having.
>> >
>> > I am using bootstrap 3.0 and when the page gets smaller the menu moves
>> > outside of the bottom shadow image border and i would like for it to
>> stay
>> > inside the border.
>>
>> Inside header, div class="col-md-9 col-sm-12" at small widths is being
>> told to be 12 cols wide, which is too wide next to your logo - which
>> is also being told to be 12col wide - so it drops down
>>
>> > Also, the width of the submenu is longer than the hover for the items in
>> > the submenu, so when you hover a submenu item there is extra white
>> space to
>> > the right.
>>
>> ul.sub-menu has a width of 200px (see ul#mainnav li ul - line 279) and
>> also is getting padding right (line 422). I guess that's too wide for
>> the parent.
>>
>> >
>> > Thanks in advance for any help.
>> >
>> > --
>>
>> Hope this helps.
>>
>>
>> --
>>
>> Tom Livingston | Senior Front-End Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>>
>
>
>
> --
> -bdot
> "There are only 10 kinds of people in this world. Those who understand
> binary and those who don't"
>
>


-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] help with menu bar

[Brian Jones]

> Inside header, div class="col-md-9 col-sm-12" at small widths is being
> told to be 12 cols wide, which is too wide next to your logo - which
> is also being told to be 12col wide - so it drops down

i fixed the submenu issue by removing the width:170px;
http://jsfiddle.net/dTsrY/5/

i dont mind that the menu drops down..i just want the menu to still be
above the shadow border ()



On Thu, Mar 13, 2014 at 3:23 PM, Tom Livingston  wrote:

> On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones  wrote:
> > Hi,
> >
> > I have this demo setup here http://jsfiddle.net/dTsrY/  and i need help
> > with a few issues that i am having.
> >
> > I am using bootstrap 3.0 and when the page gets smaller the menu moves
> > outside of the bottom shadow image border and i would like for it to stay
> > inside the border.
>
> Inside header, div class="col-md-9 col-sm-12" at small widths is being
> told to be 12 cols wide, which is too wide next to your logo - which
> is also being told to be 12col wide - so it drops down
>
> > Also, the width of the submenu is longer than the hover for the items in
> > the submenu, so when you hover a submenu item there is extra white space
> to
> > the right.
>
> ul.sub-menu has a width of 200px (see ul#mainnav li ul - line 279) and
> also is getting padding right (line 422). I guess that's too wide for
> the parent.
>
> >
> > Thanks in advance for any help.
> >
> > --
>
> Hope this helps.
>
>
> --
>
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>



-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] help with menu bar

[Brian Jones]

Hi,

I have this demo setup here http://jsfiddle.net/dTsrY/  and i need help
with a few issues that i am having.

I am using bootstrap 3.0 and when the page gets smaller the menu moves
outside of the bottom shadow image border and i would like for it to stay
inside the border.
Also, the width of the submenu is longer than the hover for the items in
the submenu, so when you hover a submenu item there is extra white space to
the right.

Thanks in advance for any help.

-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem aligning list

[Brian Jones]

>On Fri, Oct 7, 2011 at 2:49 AM, Chetan Crasta  wrote:
> The height of the  is 17px in Firefox but only 8px in Chrome. This can be
> fixed by this:
> #projects-nav li a { height: 17px;}
> Regards,
> Chetan Crasta

Thanks that worked great...


-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem aligning list

[Brian Jones]

Hi,

I am having an issue aligning the background image(the dash) for the
li elements (previous and next) on the projects page. Everything
aligns ok in firefox but in chrome its not aligning correctly

http://www.aandac.com/boilerplate_2_0/index.html#/projects/

Any help would be great.

Thanks


-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] sub menus show up on hover but not on focus

[Brian Jones]

>On Mon, Apr 25, 2011 at 10:20 AM, Sandy  wrote:
> I am working on a test page that has a sub menu which displays on hover but
> not on focus. How do I get the sub menus (for example the 3 links under
> "location") to show up when someone tabs to the link the way they do when
> someone hovers over it?
>

Hi,
Just from first thought you can use jquery .focus()

$("#location").focus(function () {
 //trigger dropdown
});

 $("#about").focus(function () {
  //trigger dropdown
});



-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE positioning error

[Brian Jones]

Hi,

I am working on this site (http://www.aandhc.com/sandbox/) on the
projects page there is horizontal divider at the bottom. The divider
is positioned correctly FF,Chrome but not IE.
I'd appreciate any suggestions on this issue or any other issues that are found.

Thanks

-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE positioning error

[Brian Jones]

Hi,

I am working on this site (http://www.aandhc.com/sandbox/) on the
projects page there is horizontal divider at the bottom. The divider
is positioned correctly FF,Chrome but not IE.
I'd appreciate any suggestions on this issue or any other issues that are found.

Thanks

-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with dropdowns

[Brian Jones]

On Sat, Dec 11, 2010 at 5:52 AM, Chetan Crasta  wrote:
> Made a number of changes to the CSS. You can see the fixed page here:
> http://roughtech.com/t/dropdown.html
>
> The changes I made to the CSS can be seen here:
> http://roughtech.com/t/dropdown_files/dropdown.css
> I have commented the changes as "my change".
>
> ~Chetan
>

Thanks Cheatan. Good stuff. What does it mean when you use the less
than symbol like this ul.dropdown>li>a



-- 
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with dropdowns

[Brian Jones]

Hi,

I'm working on this dropdown nav
(http://www.bleusolutions.com/testing/dropdown.html) and I can't seem
to get the text in sub menus to fit correctly. I also want to get the
flyout menu to line up directly next to the dropdown menu.
Any help would be greatly appreciated

Thanks

--
-bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Extra white space in IE

[Brian Jones]

David Laakso wrote:
>  
>  css:
>  

Hi David,

Thank you so much for your help. It helped out a lot


-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Extra white space in IE

[Brian Jones]

>David Laakso wrote:
>  Is your goal to correct the above problem which is seen in IE/7.0. Or is it
> to correct the page in IE/6.0 as well (where the page is pretty much
> unusable)?

I would like it corrected in IE 6 also


-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Extra white space in IE

[Brian Jones]

 Hi,

My site is displaying an extra 2 or 3 pixels thats showing up on the
right side of the whole page in IE http://www.fatusboutique.com Does
anyone know how I can change my CSS to fix this issue?

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Extra white space in IE

[Brian Jones]

Hi,

My site is displaying an extra 2 or 3 pixels thats showing up on the
right side of the whole page in IE http://www.fatusboutique.com Does
anyone know how I can change my CSS to fix this issue?

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Footer breaks in IE

[Brian Jones]

Ok I got it to work by increasing the height of the footer to
120px...What about this extra 2 or 3 pixels thats showing up on the
right side of the whole page in IE?





-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Footer breaks in IE

[Brian Jones]

This still is not working..In IE there is still and extra white space
under the footer



-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Footer breaks in IE

[Brian Jones]

Hi,

Please help..I'm using a technique i found in the css world to keep
the footer at the bottom of the page. In FF it works fine but in IE it
breaks.
Here's the link and css

http://www.fatusboutique.com/
http://www.fatusboutique.com/css/eb.css

Thanks

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Float list items

[Brian Jones]

Hi,

I have a list

 
  item 1   price1
  item 2   price2
  item 3   price3
 


How can I contruct my css so that the 'item' is to the left of the div
and the 'price' floats to the far right of the div


-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Split image in two divs...idk

[Brian Jones]

On Feb 2, 2008 4:34 AM, Gunlaug Sørtun wrote:
> The most reliable solution is to keep the seal as one image, and
> absolute position it.
>
> Something like the following will do...
> 
> ...where it is positioned from the right edge and appears fluid.
> Position it from the left edge and the position will appear fixed.
> Of course you need a better prepared image than I used in my example :-)

Thanx this is what I was looking for


-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Split image in two divs...idk

[Brian Jones]

Sorry if this was posted twice

I'm developing a
site(http://www.bleusolutions.com/pianoguy/piano.html) .How can
construct my css and cut the image so that the bottom of the brown
star seal appears in the top right corner of the #wrapper div and top
of the seal is in the header...right now I just have it as one big
image (http://www.bleusolutions.com/pianoguy/images/hdr_img.jpg) which
I do not want to do

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Split image in two divs...idk

[Brian Jones]

I'm developing a
site(http://www.bleusolutions.com/pianoguy/piano.html) .How can
construct my css and cut the image so that the bottom of the brown
star seal appears in the top right corner of the #wrapper div and top
of the seal is in the header...right now I just have it as one big
image (http://www.bleusolutions.com/pianoguy/images/hdr_img.jpg) which
I do not want to do

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site not playing right in IE6

[Brian Jones]

Hi,

I am developing a site ( http://fatusboutique.com/index2.php ) and it
displays fine in FF and IE7..I came to work today and on friends
computer who still has the old IE, I realized that its not displaying
correctly..It seems like the #right div is dropping and not floating
to the right...can anyone help me out with this?

Here's the CSS
http://fatusboutique.com/css/eb.css

Also does anyone know how i can have IE7 and the older versions on IE
on my computer at the same time so I can test.

Thanx

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE7 Bug

[Brian Jones]

On Dec 26, 2007 12:47 PM, Highpowered <[EMAIL PROTECTED]> wrote:
> Brian,
> Try adding "position:relative;" to your #wrapper declaration in bleu.css.

Thanx a lot it worked..Do you know why that was occurring?





-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE7 Bug

[Brian Jones]

Sorry, I forgot to point out exactly where the bug is...if you look at
the bottom of IE7 bug pic where the footer is at

On Dec 26, 2007 10:49 AM, Brian Jones <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I am experiencing a weird
> bug(http://www.bleusolutions.com/images/IE7%20bug.gif) with IE
> 7...when the page (http://www.bleusolutions.com) loads in FF and IE
> everything is fine...but as soon as you hover over one of the
> navigation links it breaks and some the .sub_teasers text flows right
> over to the #footer..If anyone can help me out with this, it would be
> great.
>
> Thanx
>
>
>
> --
> -Bdot
> "There are only 10 kinds of people in this world. Those who understand
> binary and those who don't"
>



-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE7 Bug

[Brian Jones]

Hi,

I am experiencing a weird
bug(http://www.bleusolutions.com/images/IE7%20bug.gif) with IE
7...when the page (http://www.bleusolutions.com) loads in FF and IE
everything is fine...but as soon as you hover over one of the
navigation links it breaks and some the .sub_teasers text flows right
over to the #footer..If anyone can help me out with this, it would be
great.

Thanx



-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] How to achieve this effect

[Brian Jones]

Can someone please tell how i can achieve this effect?

http://www.concept64.com/portfolio/

The ids for each client have display:none. But when you click on the
next and prev buttons it moves through the ids and display the content
in the divs.
How are they doing this?

Thank you


-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Resize centered layout

[Brian Jones]

Hi,

I have a centered layout with a width of 740px

http://www.bleusolutions.com/public_html/

My question is how can I make this layout flexible so that regardless
of the screen size it expands out to take up the screen space so that
only about 20px of the goldish background color is showing on both the
left and right margins..I hope I made it clear of what I am trying to
accomplish.

Thanx

-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Site Check and CSS help

[Brian Jones]

>On 5/9/07, Mauricio Samy Silva <[EMAIL PROTECTED]> wrote:
> Hi Brian
> Add the following CSS:
> #navcontainer UL li {width:100%}


Thank you Mauricio

-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-d] Site Check and CSS help

[Brian Jones]

Hi,

I would like a general site check for this website

http://tourism.temple.edu/smartbaltimore/default.aspx

Can you just tell me what you think or anything you think I should
change. The menu does not look right in IE6 so if someone could help
me with the CSS for that, that would be great.

Also in IE the buttons on this page
http://tourism.temple.edu/smartbaltimore/user/snapshot.aspx do not
look the same as in FF. In FF the text in a little more centered and
there is no underline on the link hover. How can I achieve this same
affect in IE

The CSS is here
http://tourism.temple.edu/smartbaltimore/css/smart.css

Thank you


-- 
-Bdot
"There are only 10 kinds of people in this world. Those who understand
binary and those who don't"
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Tabs not displaying right in IE

[Brian Jones]

>On 2/22/07, francky <[EMAIL PROTECTED]> wrote:
> See fresh testpage
> 


Thanks for the help francky...it works great
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-d] Tabs not displaying right in IE

[Brian Jones]

Hi,

I have created a tab navigation menu and it displays fine in Firefox,
but in IE there is a gap between the tabs and the tabbox. I've tried
playing around with it but I still can't get it to display correctly
in both browsers. Any help would be greatly appreciated.

Here's the html
http://astro.temple.edu/~tua14115/tabs.html


Here's the css
http://astro.temple.edu/~tua14115/css/tabs.css

Thanx
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-d] Tabs are not positioning correctly in FF

[Brian Jones]

Hi,

I have two divs one contains tab navigation and the other contains the
content. I want the content div to display directly under the tabs.
In IE6 it's displaying how I want it to...but for some reason in FF
the tabs are showing up at the top inside the content div..Here's my
html markup and css..I've been trying to play around with the paddings
and margins but I just can't seem to get it...can someone please
up...thanx


   
   Role Manager
   User Role Manager
   Services
  



   This is one section where you can have a set of controls / contents.
 


#tabbox
{
  margin: 0 0 0 0;
  padding: 20px 0 50px 20px;
  border-top: 1px #cc solid;
  border-right: 1px #cc solid;
  border-bottom: 1px #cc solid;
  border-left: 1px #cc solid;
}


   #tabs4
   {
 float:left;
 width:100%;
 font-size:93%;
 line-height: normal;
 margin: 0 0 0 0;
 padding: 0 0 0 0;

 }
   #tabs4 ul {
 margin:0 0 0 0;
 padding:0px 10px 0px 0px;
 list-style:none;
 }
   #tabs4 li {
 display:inline;
 margin:0;
 padding:0;
 }
   #tabs4 a {
 float:left;
 background:url("../images/wintableft2.gif") no-repeat left top;
 margin:0;
 padding:0 0 0 7px;
 text-decoration:none;
 }
   #tabs4 a span {
 float:left;
 display:block;
 background:url("../images/wintabright2.gif") no-repeat right top;
 padding:0px 15px 4px 6px;
 color:#00;
 }
   /* Commented Backslash Hack hides rule from IE5-Mac \*/
   #tabs4 a span {float:none;}
   /* End IE5-Mac hack */
   #tabs4 a:hover span {
 color:#00;
 }
   #tabs4 a:hover {
 background-position:0% -21px;
 }
   #tabs4 a:hover span {
 background-position:100% -21px;
 }

 #tabs4 #current a {
 background-position:0% -42px;
 font-weight: bold;
 }
 #tabs4 #current a span {
 background-position:100% -42px;
 }
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-d] Tabs are not positioning correctly in FF

[Brian Jones]

Hi,

I have two divs one contains tab navigation and the other contains the
content. I want the content div to display directly under the tabs.
In IE6 it's displaying how I want it to...but for some reason in FF
the tabs are showing up at the top inside the content div..Here's my
html markup and css..I've been trying to play around with the paddings
and margins but I just can't seem to get it...can someone please
up...thanx



Role Manager
User Role Manager
Services
   



This is one section where you can have a set of controls / contents.
 


#tabbox
{
   margin: 0 0 0 0;
   padding: 20px 0 50px 20px;
   border-top: 1px #cc solid;
   border-right: 1px #cc solid;
   border-bottom: 1px #cc solid;
   border-left: 1px #cc solid;
}


#tabs4
{
  float:left;
  width:100%;
  font-size:93%;
  line-height: normal;
  margin: 0 0 0 0;
  padding: 0 0 0 0;

  }
#tabs4 ul {
  margin:0 0 0 0;
  padding:0px 10px 0px 0px;
  list-style:none;
  }
#tabs4 li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs4 a {
  float:left;
  background:url("../images/wintableft2.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 7px;
  text-decoration:none;
  }
#tabs4 a span {
  float:left;
  display:block;
  background:url("../images/wintabright2.gif") no-repeat right top;
  padding:0px 15px 4px 6px;
  color:#00;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span {
  color:#00;
  }
#tabs4 a:hover {
  background-position:0% -21px;
  }
#tabs4 a:hover span {
  background-position:100% -21px;
  }

  #tabs4 #current a {
  background-position:0% -42px;
  font-weight: bold;
  }
  #tabs4 #current a span {
  background-position:100% -42px;
  }
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] css tabbed menu

[Brian Jones]

Ok i cut up the images and now I have three images, but i can't seem
to get them to consturct correctly around the list items. Can someone
please help me figure this out. My html is also below.

Thank you

tab ( http://astro.temple.edu/~tua14115/tab.gif )
tab-right  ( http://astro.temple.edu/~tua14115/tab-right.gif )
tab-left( http://astro.temple.edu/~tua14115/tab-left.gif )



Home
Products
Services
Support
Order
About




On 10/25/06, Barney Carroll <[EMAIL PROTECTED]> wrote:
> http://www.alistapart.com/articles/slidingdoors/
>
> ...is the best I've seen, although I did trawl the net for ages looking
> for a perfect rounded-corners solution and ended up creating my own hybrid.
>
> As for the images, just cut up that gif and remove the text why not?
>
> Regards,
> Barney
>
> Brian Jones wrote:
> > Hi,
> >
> > I am trying to create a css tabbed menu like this
> > http://astro.temple.edu/~tua14115/sampletabmenu.gif
> >
> > Does anyone know where i can find the images to style the tabs like
> > this and how would i go about doing it.
> >
> > Thanx
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7 information -- 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
> IE7 information -- 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
IE7 information -- 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-d] css tabbed menu

[Brian Jones]

Hi,

I am trying to create a css tabbed menu like this
http://astro.temple.edu/~tua14115/sampletabmenu.gif

Does anyone know where i can find the images to style the tabs like
this and how would i go about doing it.

Thanx
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-d] css list

[Brian Jones]

Hi,

I have a 16px x 16px image that I want to set as the background image
of a  how would i go about setting my css to accomplish this

Thanx
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Broken Layout

[Brian Jones]

On 6/1/06, francky <[EMAIL PROTECTED]> wrote:

> New experiment: here is another altenative, with small images, and
> font-scaling proof:
> http://home.tiscali.nl/developerscorner/css-discuss/test-brian.htm
> (fixed width version)

Hi francky,

thanks for your help...i will use this technique..but I have a
question..in the inner-body div if you decrease the content, say to
only one line of text, the green border does not extend the height of
the inner-left div...so how can I have so that no matter what the
length of the content is in any div there's a border separting the
inner-left div and inner-body div.

Could I use the panel-sides image that you've supplied and have it
repeat-y? or what?
__
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] Broken Layout

[Brian Jones]

On 6/1/06, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
> one big image to create a border. I've had some time today and here's
> what i've come up with:
> > http://www.sanchothefat.com/css/css-d-brianj.html
> (css is in the header)

Thank  you so much Robert..what would the world be without nice ppl like you
__
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] Broken Layout

[Brian Jones]

On 5/31/06, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
> You can either do this:
>
> .float
> {
> float: left;
> width: 190px;
> margin: 0;
> padding: 0 0 0 10px;
> }
>
> to fix it.

Hi Robert I made the changes that you suggested to my CSS and the
thread div is still pushed to the right
__
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-d] Broken Layout

[Brian Jones]

Hi,

I have a problem with this layout that I am working on. On the right
side of the box there seems to be two overhangs about 10px each that's
breaking the layout. I believe it has something to do with the
position of the background but I can't seem to figure it out.

Here's the link to the problem any help would be appreciated

http://astro.temple.edu/~tua14115/test.html


Link to CSS:

http://astro.temple.edu/~tua14115/css/default.css
__
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] 5 column CSS box

[Brian Jones]

On 5/16/06, Brian Jones <[EMAIL PROTECTED]> wrote:
> > The best way to do this would be to "float" each div inside your container.
> > This will allow them to line up horizontally.  The CSS may look like this.
> >
> > #Box1 {
> > float: left;
> > width: xxx;
> > }
> > #Box2 {
> > float: left;
> > width: xxx;
> > }
> > #Box3 {
> > float: left;
> > width: xxx;
> > }
> > #Box4 {
> > float: left;
> > width: xxx;
> > }
> > #Box5 {
> > float: left;
> > width: xxx;
> > }
>

Hi,

When using this css for each div, how can I make it so that the divs
expand with the size of the text
__
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] 5 column CSS box

[Brian Jones]

> The best way to do this would be to "float" each div inside your container.
> This will allow them to line up horizontally.  The CSS may look like this.
>
> #Box1 {
> float: left;
> width: xxx;
> }
> #Box2 {
> float: left;
> width: xxx;
> }
> #Box3 {
> float: left;
> width: xxx;
> }
> #Box4 {
> float: left;
> width: xxx;
> }
> #Box5 {
> float: left;
> width: xxx;
> }

Hi,

When using this css for each div, how can I make it so that the divs
expand with the size of the text
__
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] Disappearing Breadcrumb!

[Brian Jones]

At first glance it sounds like a problem I had called the
Peekaboo bug: http://www.positioniseverything.net/explorer/peekaboo.html

On 5/8/06, Nick Grossman <[EMAIL PROTECTED]> wrote:
> Hi Everyone,
>
> I'm in the middle of a little mystery, and I'd appreciate any help you
> might be able to offer...
>
> On the following page, the breadcrumb is disappearing in IE6/win (fine
> in ffox).  However, if you mouse over the breadcrumb area (top of page
> to the right of the logo) it will reappear.  Then, if you mouse over
> the "About PPS" menu the breadcrumb will disappear again!  Btw, if
> there's no background color (pink in this case, for demonstration) the
> breadcrumb is always visible.
> http://stage.pps.org/info/newsletter/
>
> However, it's on this page it's fine:
> http://stage.pps.org/
>
> Thanks in advance for any help!
>
> - Nick Grossman
> www.wrkng.net
> __
> 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/

[css-d] Problem with IE showing text

[Brian Jones]

Hi,

When I view my page Internet Explorer is not displaying the text right
away. I have to highlight the text or scroll the page for the text to
be show and sometimes after that it disappears again.  The text
displays fine with Firefox...so it's not a font color issue like I
first thought. Does anyone know what this issue is?...is a CSS issue
or what?...I never had this happen before so I'm clueless
__
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-d] 5 column CSS box

[Brian Jones]

Hi,

I am trying to create a small 5 column CSS box that will render
correctly across browsers.
Also I would like to be able to adjust the widths of each box accordingly

I am looking for something like this:


 Text 
 Text  
 Text  
 Text  
 Text  

_ _ _  _ _
|__Box 1 _||__Box 2 _| |__Box 3 _| |__Box 4 _| |__Box 5 _|

Any help would be greatly appreciated.

Thank you
__
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-d] Unclikable link in IE

[Brian Jones]

Hi,

I have a link that seems to be unlclickable in IE...what i mean is that when
you click on the link it does not follow the url...but in Firefox the link
works correctly. Is my html wrong for this link or something I don't know it
just seems weird to me. If anyone can help it would be greatly appreciated

$42.00http://www.cckabaka.com/product_info.php/action/buy_now/products_id/010-06";
title="buy now">

Thank you
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Link border

[Brian Jones]

The thing is...I don't want the line to display under the image

On 6/13/05, Christian Heilmann <[EMAIL PROTECTED]> wrote:
> > Hi,
> >
> > This should be simple for me to figure out, but for some reason I
> > can't seem to get the border-bottom from displaying on a image link in
> > the sidebar.Here's my CSS
> >
> > #sidebar  a:link, #sidebar a:visited{
> > text-decoration: none;
> > color: #636363;
> > border-bottom:1px dotted #ED8045;
> > }
> > #sidebar  a:hover{
> > color: #ED8045;
> > }
> >
> > Here's the site http://www.cckabaka.com
> 
> You need to define it for the link and for the image inside the link,
> as the border gets applied to the image, not the parent link:
>  #sidebar  a:link,
> #sidebar a:visited,
>  #sidebar  a:link img,
> #sidebar a:visited img,
> {
> 
> 
> 
> --
> Chris Heilmann
> Blog: http://www.wait-till-i.com
> Writing: http://icant.co.uk/
> Binaries: http://www.onlinetools.org/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Link border

[Brian Jones]

Hi,

This should be simple for me to figure out, but for some reason I
can't seem to get the border-bottom from displaying on a image link in
the sidebar.Here's my CSS

#sidebar  a:link, #sidebar a:visited{
text-decoration: none;
color: #636363;
border-bottom:1px dotted #ED8045;
}
#sidebar  a:hover{
color: #ED8045;
}

Here's the site http://www.cckabaka.com

Thanks
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/