[css-d] what happened to Owen Briggs?
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
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 tom...@gmail.com wrote: Sent from my iPhone On Mar 13, 2014, at 4:53 PM, Brian Jones bdotjo...@gmail.com 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 (div class=row top-shadow/div) 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 tom...@gmail.com wrote: On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones bdotjo...@gmail.com 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/
[css-d] help with menu bar
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] help with menu bar
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 (div class=row top-shadow/div) On Thu, Mar 13, 2014 at 3:23 PM, Tom Livingston tom...@gmail.com wrote: On Thu, Mar 13, 2014 at 10:47 AM, Brian Jones bdotjo...@gmail.com 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/
Re: [css-d] Problem aligning list
On Fri, Oct 7, 2011 at 2:49 AM, Chetan Crasta chetancra...@gmail.com wrote:
The height of the a 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
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
On Mon, Apr 25, 2011 at 10:20 AM, Sandy sfeld...@sympatico.ca 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
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
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
On Sat, Dec 11, 2010 at 5:52 AM, Chetan Crasta chetancra...@gmail.com 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.dropdownlia -- -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
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
David Laakso wrote: http://www.chelseacreekstudio.com/ca/cssd/eb.html css: http://www.chelseacreekstudio.com/ca/cssd/eb_files/eb00.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/
[css-d] Extra white space in IE
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] Extra white space in IE
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/
Re: [css-d] Footer breaks in IE
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/
Re: [css-d] Footer breaks in IE
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/
[css-d] Footer breaks in IE
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
Hi, I have a list div ul liitem 1 price1/li liitem 2 price2/li liitem 3 price3/li /ul /div 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/
[css-d] Split image in two divs...idk
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
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
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/
[css-d] IE7 Bug
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/
Re: [css-d] IE7 Bug
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/
Re: [css-d] IE7 Bug
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/
[css-d] How to achieve this effect
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/
Re: [css-d] Site Check and CSS help
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
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
On 2/22/07, francky [EMAIL PROTECTED] wrote: See fresh testpage http://home.tiscali.nl/developerscorner/css-discuss/test-astro_tabs.html 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
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
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
div id=tabs4
ul
li id=currenta href= spanRole Manager/span/a/li
lia href= spanUser Role Manager/span/a/li
lia href= spanServices/span/a/li
/ul
/div
div id=tabbox
p This is one section where you can have a set of controls / contents./p
/div
#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
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
div id=tabs4
ul
li id=currenta href= spanRole Manager/span/a/li
lia href= spanUser Role Manager/span/a/li
lia href= spanServices/span/a/li
/ul
/div
div id=tabbox
p This is one section where you can have a set of controls / contents./p
/div
#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
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 ) div id=tabs4 ul lia href=#spanHome/span/a/li lia href=#spanProducts/span/a/li li a href=#spanServices/span/a/li lia href=#spanSupport/span/a/li lia href=#spanOrder/span/a/li lia href=#spanAbout/span/a/li /ul /div 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
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
Hi, I have a 16px x 16px image that I want to set as the background image of a li 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
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
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/
Re: [css-d] Broken Layout
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/
[css-d] Broken Layout
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
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
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] Disappearing Breadcrumb!
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
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
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: div id=container div id=Box1Text /div div id=Box2Text /div div id=Box3Text /div div id=Box4Text /div div id=Box5Text /div /div _ _ _ _ _ |__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] Link border
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/
