[css-d] Border not shown in Firefox
http://216.219.94.105/ajax.htm
Hi all this is a small test page. The aTab has a border around it in IE but
in Firefox it doesn´t appear:
.gw_aTab {
padding : 5px;
float : none;
width:auto;
border-top : 1px solid #e6e6e6;
border-right : 1px solid #e6e6e6;
border-left : 1px solid #e6e6e6;
border-bottom : 1px solid #e6e6e6;
min-height:195px;
}
I tried changing the borders to border: 1px solid #e6e6e6; instead of
defining for all of them like border-top, border-right etc. but it doesn´t make
any difference.
Why does FF not show the border? Thanks for any ideas
-
Yahoo! oneSearch: Finally, mobile search that gives answers, not web links.
-
Be a better Heartthrob. Get better relationship answers from someone who knows.
Yahoo! Answers - Check it out.
__
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] Ways to create css pages
Just a quick question to get some: when you design pages do you do it directly from notepad? I was thinking about the merits of using the dreamweaver tools to design the layout with divs and then get changing the code. Alternatively do people have a stock of templates that they use according to the situation? Thanks - Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel and lay it on us. __ 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] color consistency, accuracy
sounds like a problem with photoshop or your pc -how are you and your clients calibrating your monitors? Listsmem escribió: Has anyone else noticed this problem before? Open a solid color jpeg in photoshop and use a digital color meter to read its hex value. Then drag and drop the same jpeg file into a web browser and then meter it again. The color values aren't the same. I've found that the browser tends to render it lighter, requiring adjustments to the jpeg before posting to the web. Is this because of the browser, operating system, monitor calibration (gamma) or some other factor? Clients are frequently asking me why the color of the site I build is slightly different than the color of the mockup they give me, even jpeg mockups. Thanks for any help with this matter, especially a technical discussion of why this occurs and any best practices to alleviate this issue. ~Ben __ 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/ Be a better Heartthrob. Get better relationship answers from someone who knows. Yahoo! Answers - Check it out. http://answers.yahoo.com/dir/?link=listsid=396545433 __ 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] Site Check, please
David Laakso [EMAIL PROTECTED] wrote: Lorraine Barte Nepomuceno wrote:
Hi everyone,
I'm having problems with a design of mine. On some browsers (although not
any of ours here at the office, but that may be because we're all
widescreen), the right sidebars are pushed down below the main content area:
Sample is at:
http://www.splashscreen.com/wp/
with CSS at:
http://www.splashscreen.com/wp/wp-content/themes/geeks-blog/style.css
Any help would be most appreciated!
Thanks,
Lorraine
The floats drop as the window narrows. Have you tried setting the page
as a fixed width layout?
div#container{
margin:0 auto 0 auto;
/*max-width: 920px;
width:90% !important;*/
width:920px;
}
Best,
~dL
Hi David -what`s the thinking behind /*max-width: 920px;
width:90% !important;*/ David? Thanks for explaining to us newbies
-
Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel
and lay it on us.
__
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] Site Check, please
CSS guru David Laakso very kindly gave me some code:
br.both {
clear : both;
}
br.right {
clear : right;
}
br.left {
clear : left;
}
.clear {
height : 0;
clear : both;
}
Can someone please explain to me what this does and why it is needed with
strict xhtml. Thank-you in advance.
-
Yahoo! oneSearch: Finally, mobile search that gives answers, not web links.
__
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] Sorry the subject is different-my last post was not site check please
CSS guru David Laakso very kindly gave me some code:
br.both {
clear : both;
}
br.right {
clear : right;
}
br.left {
clear : left;
}
.clear {
height : 0;
clear : both;
}
Can someone please explain to me what this does and why it is needed with
strict xhtml. Thank-you in advance.
-
Yahoo! oneSearch: Finally, mobile search that gives answers, not web links.
__
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/
-
Park yourself in front of a world of choices in alternative vehicles.
Visit the Yahoo! Auto Green Center.
__
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] line-height: 2;
What is line-height: 2; what value is interpreted by the browser? An em value
or px? Sorry about this newbie question, thanks for input
#footer p {
font-size : 75%;
line-height: 2;
margin-top : 0;
margin-bottom : 0;
}
-
Be a better Heartthrob. Get better relationship answers from someone who knows.
Yahoo! Answers - Check it out.
__
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] different browsers
David Laakso [EMAIL PROTECTED] wrote: Terri Houston wrote: Is there a website where I can see my menu page with all the different browsers? If not, can someone check www.ttcollectiblegifts.com/dynamicdrive.html using IE6, and send me a screenshot? I was told the menu was large, and I hope I've fixed it, but can't see it with IE6. All help is appreciated. Terri It looks the same in ie6 as it does in ff, opera, and safari. As already mentioned there are markup errors-- validate [1]. If you are on a pc, multiple ie versions are easy to install [2]. If you are on a mac, you can run any windows version of ie with Parallels Desktop [3]. Best, ~dL [1] [2] [3] -- http://chelseacreekstudio.com/ __ 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/ Yes at www.Browsercam.com - Building a website is a piece of cake. Yahoo! Small Business gives you all the tools to get online. __ 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] Sorry the subject is different-my last post was not site check please
Tom Molesworth [EMAIL PROTECTED] wrote: Hi Trevor,
On 03/09/07, trevor bayliss wrote:
CSS guru David Laakso very kindly gave me some code:
br.both {
clear : both;
}
br.right {
clear : right;
}
br.left {
clear : left;
}
.clear {
height : 0;
clear : both;
}
This effectively defines some helper classes for clearing - making
sure that any floats are placed and further content appears below
them.
For example, with the following HTML extract:
Left
Right
Left again
Not floated
try putting
at various points in between the lines. Then try
, etc.
http://www.quirksmode.org/css/clearing.html
Not quite sure about the strict XHTML part of your question though.
It applies to HTML4 just as well.
cheers,
Tom
Thanks for the reply Tom I checked out the different classes but it seems not
to make any difference if there are or aren`t classes on the brs. Maybe it is
because I checked it on IE?
-
Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel
and lay it on us.
__
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] line-height: 2;
Thanks Jukka, Michael and Felix that is clear. - Boardwalk for $500? In 2007? Ha! Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games. __ 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] Floating problem?
Hi all, I want to put two columns inside the divs: div id=wrapperdiv
id=content/div/div
#wrapper {
float : left;
width : 100%;
margin-left : -180px;
padding-top : 15px;
}
#content {
margin-left : 180px;
width : 743px;
}
which I have done with div id=contentinleft and div
id=contentinright
#contentinleft {
margin-left : 180px;
width : 500px;
float: left;
}
#contentinright {
margin-left : 0;
width : 200px;
float: right;
clear: left;
}
All the columns seem to have moved right for some reason. Why is this
happening? How can I correct it? I am learning css so I would be interested to
hear if I am approaching this from the right angle- two divs for example would
it have been better as divs? TIA
This can be seen on this page:
http://216.219.94.105/about2.cfm
-
Yahoo! oneSearch: Finally, mobile search that gives answers, not web links.
-
Boardwalk for $500? In 2007? Ha!
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
__
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] Floating problem?
Hi all,
Thanks a lot for those pointers George and Alan, I have implemented the
solutions which work with Firefox but with IE the #contentinright div is
dropped down and doesn`t seem to clear the #contentinleft div. I tried the
right negative margin to try and allows the #contentinright to clear the
contentinleft div but it doesn`t produce the desired effect. What is the
solution? TIA
The page is here:
http://216.219.94.105/about2.htm
A screengrab of what it shoud be is here:
http://216.219.94.105/sc.jpg
#wrapper {display: inline;}
#contentinleft {display: inline;}
to kill the 'margin-doubling on floats' bug in IE6.
and deleted
#contentinright {clear: left;}
which provokes a 'float-clear' bug in all IE/win versions.
#contentinright {
margin-right:-145px;
margin-top : 6.5em;
width : 200px;
float: right;
}
The right negative margin allows the #contentinright to move far enough to the
right of the #contentinleft to clear it, though IE strangely clears without the
right negative margin (another bug).
-
Be a better Globetrotter. Get better travel answers from someone who knows.
Yahoo! Answers - Check it out.
-
Building a website is a piece of cake.
Yahoo! Small Business gives you all the tools to get online.
__
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] Floating problem?
Thanks a lot Georg that works a treat! - Pinpoint customers who are looking for what you sell. __ 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] will u help me any CSS issue?
Ann Randall [EMAIL PROTECTED] wrote: On 9/17/2007 at 7:48 PM, Nay Myo Win wrote: will u help me any CSS issue? -- Nay Myo __ 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/ What kind of issues, Nay? -- Ann Randall __ 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/ Yes the list member will help on any css issue, off topic expect a telling off from the moderators! - Be a better Globetrotter. Get better travel answers from someone who knows. Yahoo! Answers - Check it out. __ 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] UL woes
Hi all, I have a basic page that I am working on but I am not getting the list right. I have a big div called page id that wraps the whole page including the footer. The next div is called header which has a fixed width of 794px, where there is an image at the top of the page which is 794x110. Inside the header div is the ul topnav div which is the navigation. There was a big white gap between the header image and the ul which I have partially got rid of using display: inline on the topnav id. The ul div has a fixed width of 794px and as there are 8 links I have put the width of the lis as 100% divided by 8 which is 12.5% As you can see the links are still a mess and there is a small white gap between the image and the topnav. So my questions: 1.What do I need to do to sort out the ul? 2.Is using the page id as a wrapper containing the footer div a good method? Thank-you! http://tinyurl.com/yw74qo - Boardwalk for $500? In 2007? Ha! Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games. __ 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] Need help with alignment in IE (huge white spaces), Firefox looks ok
juliann wheeler [EMAIL PROTECTED] wrote: I created this in tables for an HTML newsletter Does anyone know why I'm getting these large gaps of white space in my tables (left side column)? I'm not a tables person usually so this is a real challenge for me. It looks fine in Firefox to me, but I cant test in IE because I'm on a mac. Any help would be greatly appreciated! Here are the links: http://www.pcg-advisors.com/Newsletter/pcgnewsletter9_07.html http://www.pcg-advisors.com/Newsletter/pcgnewsletter9_07_p2.html Thank You! _ Share your special parenting moments! http://www.reallivemoms.com?ocid=TXT_TAGHMloc=us __ 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/ I would go pure css and forget the tables. In IE they look fine no space anyway!! Seems a really complicated way putting inline css in every tr or td try and seperate the css into style/style in the page code or put on a separate file. Good luck!! - Pinpoint customers who are looking for what you sell. - Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news, photos more. __ 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 - Jumping DIV when I mouse over navigation
This sounds like the peekaboo bug in IE but reading the bumpf it seems like is has been sorted out for IE7: http://www.positioniseverything.net/explorer/peekaboo.html HTHs - Tonight's top picks. What will you watch tonight? Preview the hottest shows on Yahoo! TV. __ 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] Div drops in firefox
Hi all I get a problem with the flash scroll div where my flash is it falls for some reason. I have tried clear both, display inline, and displayed block but it stays there. In IE it looks fine: http://www.villa-corti.com/text.html What is happening? TIA - Pinpoint customers who are looking for what you sell. __ 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] Validation Failure
--- [EMAIL PROTECTED] wrote: George L Smyth Wrote: I have got the proper script tags surrounding the JavaScript, Hello, Is this how your doing it? script type=text/javascript //![CDATA[script here//]] /script If not change it and see what happens. Kind Regards GM) __ Cut and paste the js to a new js file and call it on your (x)html page like so: script type=text/JavaScriptsrc=yourfile.js/script yourfile.js example code: // set the path to the qForms directory qFormAPI.setLibraryPath(../../lib/); // this loads all the default libraries qFormAPI.include(*); //-- Got a little couch potato? Check out fun summer activities for kids. http://search.yahoo.com/search?fr=oni_on_mailp=summer+activities+for+kidscs=bz __ 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] Div not containing other divs
Maybe I`m tired but I can`t work this one out, I have a div called wrapimg (the
one that has a tan border) which is meant to contain the divs: leftcontent,
centrephoto and flashscroll stopping before the footer. I`m trying to set a
containing div so that I can have a cross browser background image at the
bottom of the div and create instead of unreliable bottom borders which don`t
seem to line up horizontally cross browser. Thank you for any help on this one:
Here`s the page and relevant css:
Page:
http://tinyurl.com/2ywavl
CSS:
html, body {
color : #000;
margin : 0;
padding : 0;
}
body {
font : 100% tahoma, arial, sans-serif;
color : #4d4d4d;
text-align : center;
}
h1 {
font-size : 100%;
font-weight : normal;
margin : 0;
padding : 0;
}
a {
color : #7f99ae;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
br.both {
clear : both;
}
br.right {
clear : right;
}
br.left {clear : left;}
..clear {
height : 0;
clear : both;
}
#page {
width : 794px;
margin : 0 auto;
text-align : left;
}
#header {width: 794px;}
#header img { display: block;}
#topnav {
padding: 0 0 3px 0;
margin: 0 ;
background-color: #006600;
text-align: center;
border-bottom: 1px solid #ff;}
/*index css*/
#wrapimg {border: 1px solid tan; }
#leftcontent {border: 1px solid #ccc; width: 178px;
float:left; clear:left; }
#centrephoto {border: 1px solid #ccc;
width: 538px; float:left; }
#flashscroll {
border: 1px solid #ccc;
width: 72px;
float: right;
text-align: center;
}
/* footer */
#footer_home { clear : both;
text-align : center;
padding: 10px 0;
width : 100%;
font-size: 75%;}
#footer_home p {
margin-top : 0;
margin-bottom : 0;}
#footer_home a {color: #a2a2a2; text-decoration: none;}
-
Check out the hottest 2008 models today at Yahoo! Autos.
__
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] Navigation
Hello everyone I am new!
I am having problems with the last tab on a navigation bar. For some reason
I can´t make it fit with the light blue line above it and I am stuck as to how
to do it. Also the navigation bar doesn´t show up in Netscape 4.78 (no Flash)
with Windows 2000 Professional and the thing just goes crazy with Explorer 4.0
(no Flash) Windows 98. I imagine that the problem is that they are too old so I
won´t worry that much about them. What can I do to make the navigation line up?
Thanks
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd;
HTMLHEAD
META http-equiv=Content-Type content=text/html; charset=utf-8
STYLE type=text/css
UL {
LIST-STYLE-TYPE: none
}
LI {
LIST-STYLE-TYPE: none
}
A {
COLOR: #7f99ae; TEXT-DECORATION: none
}
#topnav {
BORDER-TOP: #d8e1e9 4px solid; MARGIN: 9px 0px 0px
}
#topnav LI.l {
WIDTH: 20px
}
#topnav LI {
DISPLAY: inline; BACKGROUND: #849eb3 no-repeat left top; FLOAT: left; WIDTH:
85px; HEIGHT: auto
}
#topnav LI SPAN.last-tab {
DISPLAY: inline; BACKGROUND: #849eb3 no-repeat left top; FLOAT: left; WIDTH:
80px; HEIGHT: auto
}
#topnav A {
BORDER-RIGHT: #d8e1e9 1px solid; DISPLAY: block; BACKGROUND: no-repeat left
top; FONT: 11px/20px tahoma, arial; WIDTH: 85px; COLOR: #fff; TEXT-ALIGN: center
}
#topnav A:hover {
BACKGROUND: #fcda2e no-repeat left top; TEXT-DECORATION: none
}
#topnav A.selected {
BACKGROUND: #fcda2e no-repeat left top; TEXT-DECORATION: none
}
#width {
MARGIN-LEFT: auto; WIDTH: 882px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}
/STYLE
/HEAD
BODY id=body
DIV id=width
UL class=clearfix id=topnav
LIA title= href=index.cfmHome /A/LI
LIA title= href=About/A /LI
LIA title= href=Shops/A /LI
LIA title= href=Entertainment/A /LI
LIA title= href=Malls/A /LI
LIA title= href=Environment/A /LI
LIA title= href=Local/A /LI
LIA title= href=Information/A/LI
LIA title= href=Contact Us/A /LI
LI class=lA href=Login/A/LI
/UL/div
You
snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
http://advision.webevents.yahoo.com/mailbeta/newmail_html.html
__
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] Adding an emplty LI
Hi all I´ve been doing all I can to try and perfect this navigation but I just
don´t understand it I am sure it is very simple. I have tried to make this as
simple as possible with as little code as possible.
I have a navigation called #topnav which has width auto.
Then I have a #topnav LI which has a width of 87px. The html has 10 LIs which
makes a total width of 870px.
Then I have #topnav A which also has a width of 87px.
These are all contained in an ID called #width which has a width of 880px.
At present this works fine and fit for the information that I have in the
links, however, the rest of the page is wider. I need to increase the
navigation which I can do by increasing the #width pixel size(in this case by
40px). How can I add an LI to cover this space? I have tried to do it but
without luck
Thank you for your help
http://www.geocities.com/bayliss_trevor/tester.htm
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd;
HTMLHEAD
titlenav/title
STYLE type=text/css
#width {
MARGIN-LEFT: 50px; WIDTH: 880px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}
#topnav {
BORDER-TOP: blue 4px solid; MARGIN: 9px 0px 0px; width: auto
}
#topnav LI {
DISPLAY: inline; BACKGROUND: black no-repeat left top; FLOAT: left; WIDTH:
87px; HEIGHT: auto
}
#topnav A {
BORDER-RIGHT: blue 1px solid; DISPLAY: block; BACKGROUND: no-repeat left top;
FONT: 11px/20px
tahoma, arial, sans-serif; WIDTH: 87px; COLOR: #fff; TEXT-ALIGN: center
}
/STYLE
/HEAD
BODY
DIV id=width
DIV id=logoIMG height=57 alt= src=images/logo.jpg width=217
UL id=topnav
LIA title= href=Home /A/LI
LIA title= href=About Malls/A /LI
LIA title= href=Malls/A /LI
LIA title= href=Malls UK/A /LI
LIA title= href=Malls USA/A /LI
LIA title= href=Malls France/A /LI
LIA title= href=National/A /LI
LIA title= href=International/A/LI
LIA title= href=Contact Us/A/LI
LIA title= href=FAQs/A/LI
/UL
/DIV/DIV
/BODY/HTML
-
Got a little couch potato?
Check out fun summer activities for kids.
-
Be a better Heartthrob. Get better relationship answers from someone who knows.
Yahoo! Answers - Check it out.
__
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] Adding an emplty LI
Thanks Tango for the reply. I will reduce the width as much as possible point
taken about the size the of the page.
I want to add a new LI but specifiy it´s width all the others are set at the
same width and I want one with a different width. Thanks for any pointers
Tango [EMAIL PROTECTED] wrote:
trevor bayliss wrote:
Hi all I´ve been doing all I can to try and perfect this navigation but I
just don´t understand it I am sure it is very simple. I have tried to make
this as simple as possible with as little code as possible.
I have a navigation called #topnav which has width auto.
Then I have a #topnav LI which has a width of 87px. The html has 10 LIs which
makes a total width of 870px.
Then I have #topnav A which also has a width of 87px.
These are all contained in an ID called #width which has a width of 880px.
At present this works fine and fit for the information that I have in the
links, however, the rest of the page is wider. I need to increase the
navigation which I can do by increasing the #width pixel size(in this case by
40px). How can I add an LI to cover this space? I have tried to do it but
without luck
I am not really sure what you mean by this or what you want the
navigation to look like. You can add as many
's as you like,
however as soon as their combined width exceeds the containers specified
width the links will wrap to a new line. Also because you have defined
the container's width any UA or screen resolution that is less then
880px wide will cause a horizontal scroll bar.
Thank you for your help
http://www.geocities.com/bayliss_trevor/tester.htm
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd;
#width {
MARGIN-LEFT: 50px; WIDTH: 880px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}
#topnav {
BORDER-TOP: blue 4px solid; MARGIN: 9px 0px 0px; width: auto
}
#topnav LI {
DISPLAY: inline; BACKGROUND: black no-repeat left top; FLOAT: left; WIDTH:
87px; HEIGHT: auto
}
#topnav A {
BORDER-RIGHT: blue 1px solid; DISPLAY: block; BACKGROUND: no-repeat left
top; FONT: 11px/20px
tahoma, arial, sans-serif; WIDTH: 87px; COLOR: #fff; TEXT-ALIGN: center
}
Home
About Malls
Malls
Malls UK
Malls USA
Malls France
National
International
Contact Us
FAQs
I took some liberties with your code, and a stab at what I thought you
were after.
The result can be found here http://www.thetangos.com/testing/trevor.html
Tango
__
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/
-
Choose the right car based on your needs. Check out Yahoo! Autos new Car
Finder tool.
-
Choose the right car based on your needs. Check out Yahoo! Autos new Car
Finder tool.
__
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] Divitis?
I have a several companies that I am putting in a list(25). They all have the
same image by their side, the same spacing and a line break after each one. At
the moment I have it set out like the code below. Should I make a new class to
deal with this or would this be the famous divitis that I have heard about?
How would I put this into a div/class? Thank you
styles:
#col2 {
CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right;
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
code:
div id=col2
nbsp;nbsp;IMG height=11 alt= src=images/menu.gif width=14 border=0
A href=Barclays Bank/ABR
nbsp;nbsp;IMG height=11 alt= src=images/menu.gif width=14 border=0
A href=British Alcan/ABR
nbsp;nbsp;IMG height=11 alt= src=images/menu.gif width=14 border=0
A href=Brtiannia Pharma/ABR
/div
-
Boardwalk for $500? In 2007? Ha!
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
__
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] Divitis?
Thanks for all the comments. I am trying to implement the general
consensus:You could change your div to a ul and wrap your items in li tags
(DONE); then you can set the background of the the li tag to the image you want
and position it appropriately (PROBLEM).
I tried with a background image on the li and the ul but to no avail as
it doesn´t show the image- how can i make it work? Thank you for any advice
I am
#col2 {
CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right;
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
#col2 ul {
background-image:url(images/menu.gif) no-repeat left top;
background-position:left
}
#col2 li {
background-image:url(images/menu.gif) no-repeat left top;
background-position:left
}
DIV ID=col2
UL id=COL2
LIA href=Barclays Bank/A/LI
LIA href=Collins/A/LI
LIA href=Paracelus/A/LI
/UL
/DIV
James Gadrow [EMAIL PROTECTED] wrote:
Ross Hulford wrote:
Yep. That;s the way I approach it. Much neater.
R.
- Original Message -
From: Brian Crescimanno
To:
Sent: Tuesday, May 29, 2007 2:13 PM
Subject: Re: [css-d] Divitis?
Out of curiosity, why not use an unordered list--it would seem more
semantically correct in this situation.
You could change your div to a ul and wrap your items in li tags; then
you can set the background of the the li tag to the image you want and
position it appropriately.
Brian
__
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/
Yup, if you ever say the words I have a list of... then you should
probably be using a list :)
Except, of course, if each list element has several sub-elements to it,
then you're probably a good candidate for a DATA table.
--
Thanks,
Jim
__
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/
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
__
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] Divitis?
I did this it worked fine
#col2 ul {
list-style-image: url('images/menu.gif')
}
thanks everyone
trevor bayliss [EMAIL PROTECTED] wrote:
Thanks for all the comments. I am trying to implement the general
consensus:You could change your div to a ul and wrap your items in li tags
(DONE); then you can set the background of the the li tag to the image you want
and position it appropriately (PROBLEM).
I tried with a background image on the li and the ul but to no avail as it
doesn´t show the image- how can i make it work? Thank you for any advice
I am
#col2 {
CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right;
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
#col2 ul {
background-image:url(images/menu.gif) no-repeat left top;
background-position:left
}
#col2 li {
background-image:url(images/menu.gif) no-repeat left top;
background-position:left
}
Barclays Bank
Collins
Paracelus
James Gadrow wrote:
Ross Hulford wrote:
Yep. That;s the way I approach it. Much neater.
R.
- Original Message -
From: Brian Crescimanno
To:
Sent: Tuesday, May 29, 2007 2:13 PM
Subject: Re: [css-d] Divitis?
Out of curiosity, why not use an unordered list--it would seem more
semantically correct in this situation.
You could change your div to a ul and wrap your items in li tags; then
you can set the background of the the li tag to the image you want and
position it appropriately.
Brian
__
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/
Yup, if you ever say the words I have a list of... then you should
probably be using a list :)
Except, of course, if each list element has several sub-elements to it,
then you're probably a good candidate for a DATA table.
--
Thanks,
Jim
__
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/
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
__
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/
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
__
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] Divitis?
The list-style-image didn´t work after all apologies everyone.
I am therefore still trying to implement the general consensus:You could
change your div to a ul and wrap your items in li tags (DONE); then you can set
the background of the the li tag to the image you want and position it
appropriately (PROBLEM).
I tried with a background image on the li and the ul but to no avail as it
doesn´t show the image- how can i make it work? Thank you for any advice
#col2 {
CLEAR: right; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right;
PADDING-BOTTOM: 13px; PADDING-TOP: 0px; WIDTH: 180px
}
#col2 ul {
background-image:url(images/menu.gif) no-repeat left top;
background-position:left
}
#col2 li {
background-image:url(images/menu.gif) no-repeat left top;
background-position:left
}
Barclays Bank
Collins
Paracelus
James Gadrow wrote:
Ross Hulford wrote:
Yep. That;s the way I approach it. Much neater.
R.
- Original Message -
From: Brian Crescimanno
To:
Sent: Tuesday, May 29, 2007 2:13 PM
Subject: Re: [css-d] Divitis?
Out of curiosity, why not use an unordered list--it would seem more
semantically correct in this situation.
You could change your div to a ul and wrap your items in li tags; then
you can set the background of the the li tag to the image you want and
position it appropriately.
Brian
__
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/
Yup, if you ever say the words I have a list of... then you should
probably be using a list :)
Except, of course, if each list element has several sub-elements to it,
then you're probably a good candidate for a DATA table.
--
Thanks,
Jim
__
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/
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
__
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/
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
__
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/
-
Be a better Globetrotter. Get better travel answers from someone who knows.
Yahoo! Answers - Check it out.
__
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] Divitis?Answered
Hi Sam and Tony that´s great works great in IE!! Thank you all - Got a little couch potato? Check out fun summer activities for kids. __ 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] List on one line fine-how to add bullet points
Hi all a quick question about lists similar but different from an earlier post
by another user today. The following css which styles the list on one line
which is great and what I want. I now want to add bullet points. How can I do
that please? Thanks
#areas LI {
/* put the lists and list elements on one line */
float:left;display:block; padding-left:3px }
div id=areasliUS Malls/liliUK Malls/liliIreland
Malls/li/divbr
-
Get the Yahoo! toolbar and be alerted to new email wherever you're surfing.
__
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] Divs moving up page with all browsers except IE
In all these browsers: Mozilla, Firefox, Konqueror, Opera, Netscape except
Internet Explorer the tab divs in my page move up the page. I don´t
understand why this happens and I would be greatful if someone could tell me
why this is happening and how to stop it. Thanks everybody
Here is the first tab:
DIV id=gw_tabView1
!-- Medarc Limited --
DIV class=gw_aTab
div id=Layer1 style=position:absolute; width:460px; height:187px;
z-index:1; background-image: url(images/cursos.jpg); border: 1px none #00;
cfinclude template=opening.htm
/div
/DIV
The offending css:
..gw_tabPane {
BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 21px
}
..gw_aTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif
}
..gw_ukTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif
}
..gw_iTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif; background-image: url(images/worldmap.gif);
BACKGROUND-REPEAT: no-repeat
}
..gw_tabPane DIV {
BACKGROUND-POSITION: left bottom; PADDING-LEFT: 3px; FLOAT: left; MARGIN-LEFT:
0px; VERTICAL-ALIGN: middle; CURSOR: pointer; BOTTOM: -1px; MARGIN-RIGHT: 0px;
BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 90%
}
..gw_tabPane .tabActive {
Z-INDEX: 10; BACKGROUND-IMAGE: url(../images/tab_left_active.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
..gw_tabPane .tabInactive {
Z-INDEX: 1; BACKGROUND-IMAGE: url(../images/tab_left_inactive.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
..gw_tabPane .inactiveTabOver {
BACKGROUND-IMAGE: url(../images/tab_left_over.gif); MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px
}
..gw_tabPane SPAN {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left;
VERTICAL-ALIGN: top; LINE-HEIGHT: 21px; FONT-FAMILY: arial
}
..gw_tabPane .tabActive SPAN {
PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px
}
..gw_tabPane IMG {
float: left
}
Webpage:
http://216.219.94.105/index1.cfm
-
Food fight? Enjoy some healthy debate
in the Yahoo! Answers Food Drink QA.
-
No need to miss a message. Get email on-the-go
with Yahoo! Mail for Mobile. Get started.
__
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] Divs moving up page with all browsers except IE
In all these browsers: Mozilla, Firefox, Konqueror, Opera, Netscape except
Internet Explorer the tab divs in my page move up the page. I don´t
understand why this happens and I would be greatful if someone could tell me
why this is happening and how to stop it. Thanks everybody
Here is the first tab:
DIV id=gw_tabView1
!-- Medarc Limited --
DIV class=gw_aTab
div id=Layer1 style=position:absolute; width:460px; height:187px;
z-index:1; background-image: url(images/cursos.jpg); border: 1px none #00;
cfinclude template=opening.htm
/div
/DIV
The offending css:
..gw_tabPane {
BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 21px
}
..gw_aTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif
}
..gw_ukTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif
}
..gw_iTab {
BORDER-RIGHT: #e5e5e5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px; BORDER-LEFT: #e5e5e5 1px solid; PADDING-TOP: 5px;
BORDER-BOTTOM: #e5e5e5 1px solid; FONT-FAMILY: Trebuchet MS, Lucida Sans
Unicode, Arial, sans-serif; background-image: url(images/worldmap.gif);
BACKGROUND-REPEAT: no-repeat
}
..gw_tabPane DIV {
BACKGROUND-POSITION: left bottom; PADDING-LEFT: 3px; FLOAT: left; MARGIN-LEFT:
0px; VERTICAL-ALIGN: middle; CURSOR: pointer; BOTTOM: -1px; MARGIN-RIGHT: 0px;
BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 90%
}
..gw_tabPane .tabActive {
Z-INDEX: 10; BACKGROUND-IMAGE: url(../images/tab_left_active.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
..gw_tabPane .tabInactive {
Z-INDEX: 1; BACKGROUND-IMAGE: url(../images/tab_left_inactive.gif);
MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
..gw_tabPane .inactiveTabOver {
BACKGROUND-IMAGE: url(../images/tab_left_over.gif); MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px
}
..gw_tabPane SPAN {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 11px; FLOAT: left;
VERTICAL-ALIGN: top; LINE-HEIGHT: 21px; FONT-FAMILY: arial
}
..gw_tabPane .tabActive SPAN {
PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px
}
..gw_tabPane IMG {
float: left
}
Webpage:
http://216.219.94.105/index1.cfm
-
Pinpoint customers who are looking for what you sell.
__
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] Validator is whack
I don´t get this validator. Anyway I am trying to validate my document and I can´t get it to work. I have three stuborn errors which I can´t work out. http://validator.w3.org/check?uri=http%3A%2F%2F216.219.94.105%2Findex1.cfmcharset=%28detect+automatically%29doctype=Inline Error Line 3 column 5: document type does not allow element HTML here. HTML The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a style element in the body section instead of inside head -- or two elements that overlap (which is not allowed). One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's self-closing tags for meta and link in the head section of a HTML document may cause the parser to infer the end of the head section and the beginning of the body section (where link and meta are not allowed; hence the reported error). Error Line 255 column 14: HEAD not finished but document ended. /BODY/HTML Error Line 255 column 14: HTML not finished but document ended. /BODY/HTML - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. __ 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] Div moving up the page
Hi all, My css is now validated as is my html! I have been checking my index page with the various browser/OS combos but I get a major difference with the majority (except for IE) where the divs called #gw_tabView1 and .gw_aTab seem to move unexpectedly. The page can be seen here: http://216.219.94.105/index1.cfm Thank you for any ideas Internet Explorer Good: Explorer 7.0 (no Flash) Windows XP Explorer 6.0 (no Flash) Windows XP Explorer 7.0 (no Flash) Windows Vista Explorer 6.0 (no Flash) Windows 2000 Professional Messes up: Explorer 4.0 (no Flash) Windows 98 Looses style on the text in the .gw_atab: Explorer 5.5 (no Flash) Windows 2000 Professional Explorer 5.0 (no Flash) Windows 2000 Professional Mozilla: Divs to the right Mozilla 1.7.12 (no Flash)Linux Fedora Core 4 Mozilla 1.6 (No Flash) Windows 2000 Professional Mozilla 1.7.12 (No Flash)Windows 2000 Professional Mozilla 1.6 (No Flash) Windows XP Mozilla 1.7.12 (No Flash)Windows XP Firefox: Divs to the right Firefox 1.5.0 (no Flash) Linux Fedora Core 4 Firefox 2.0 (no Flash) Linux Fedora Core 4 Firefox 1.5.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows Vista Firefox 1.5.0 (No Flash) Windows XP Firefox 2.0 (No Flash) Windows XP Konqueror: Divs to the right Konqueror 3.4.0-5 Linux Fedora Core 4 Opera: Opera 9.0 (no Flash) Linux Fedora Core 4 OK Opera 8.5.0 (No Flash) Windows 2000 ProfessionalDivs go upwards Opera 9.0 (No Flash) Windows 2000 ProfessionalOK Opera 9.02 (No Flash) Windows Vista OK Opera 8.5.0 (No Flash) Windows XP Divs go upwards Opera 9.0 (No Flash) Windows XP OK Netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Lists don´t work Netscape 6.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 7.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 6.2.3 (No Flash) Windows XPDivs go to the right Netscape 7.2 (no Flash)Windows XPDivs go to top right - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. - Don't be flakey. Get Yahoo! Mail for Mobile and always stay connected to friends. __ 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] Divs moving up page
Hi all, My css is now validated as is my html! I have been checking my index page with the various browser/OS combos but I get a major difference with the majority (except for IE) where the divs called #gw_tabView1 and .gw_aTab seem to move unexpectedly. The page can be seen here: http://216.219.94.105/index1.cfm Thanks for any help Internet Explorer Good: Explorer 7.0 (no Flash) Windows XP Explorer 6.0 (no Flash) Windows XP Explorer 7.0 (no Flash) Windows Vista Explorer 6.0 (no Flash) Windows 2000 Professional Messes up: Explorer 4.0 (no Flash) Windows 98 Looses style on the text in the div gw_atab: Explorer 5.5 (no Flash) Windows 2000 Professional Explorer 5.0 (no Flash) Windows 2000 Professional Mozilla: Divs to the right Mozilla 1.7.12 (no Flash)Linux Fedora Core 4 Mozilla 1.6 (No Flash) Windows 2000 Professional Mozilla 1.7.12 (No Flash)Windows 2000 Professional Mozilla 1.6 (No Flash) Windows XP Mozilla 1.7.12 (No Flash)Windows XP Firefox: Divs to the right Firefox 1.5.0 (no Flash) Linux Fedora Core 4 Firefox 2.0 (no Flash) Linux Fedora Core 4 Firefox 1.5.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows Vista Firefox 1.5.0 (No Flash) Windows XP Firefox 2.0 (No Flash) Windows XP Konqueror: Konqueror 3.4.0-5 Linux Fedora Core 4 Divs go to the right Opera: Opera 9.0 (no Flash) Linux Fedora Core 4 OK Opera 8.5.0 (No Flash) Windows 2000 ProfessionalDivs go upwards Opera 9.0 (No Flash) Windows 2000 ProfessionalOK Opera 9.02 (No Flash) Windows Vista OK Opera 8.5.0 (No Flash) Windows XP Divs go upwards Opera 9.0 (No Flash) Windows XP OK Netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Lists don´t work Netscape 6.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 7.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 6.2.3 (No Flash) Windows XPDivs go to the right Netscape 7.2 (no Flash)Windows XPDivs go to top right - It's here! Your new message! Get new email alerts with the free Yahoo! Toolbar. - Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. __ 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] Divs moving up the page
Hi all, I have been checking my index page with the various browser/OS combos but I get a problem with the majority (except for IE). The divs called #gw_tabView1 and .gw_aTab seem to move unexpectedly. The page can be seen here: http://216.219.94.105/index1.cfm Why is this happening? Thank you Internet Explorer Good: Explorer 7.0 (no Flash) Windows XP Explorer 6.0 (no Flash) Windows XP Explorer 7.0 (no Flash) Windows Vista Explorer 6.0 (no Flash) Windows 2000 Professional Messes up: Explorer 4.0 (no Flash) Windows 98 Looses style on the text in the div gw_atab: Explorer 5.5 (no Flash) Windows 2000 Professional Explorer 5.0 (no Flash) Windows 2000 Professional Mozilla: Divs to the right Mozilla 1.7.12 (no Flash)Linux Fedora Core 4 Mozilla 1.6 (No Flash) Windows 2000 Professional Mozilla 1.7.12 (No Flash)Windows 2000 Professional Mozilla 1.6 (No Flash) Windows XP Mozilla 1.7.12 (No Flash)Windows XP Firefox: Divs to the right Firefox 1.5.0 (no Flash) Linux Fedora Core 4 Firefox 2.0 (no Flash) Linux Fedora Core 4 Firefox 1.5.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows Vista Firefox 1.5.0 (No Flash) Windows XP Firefox 2.0 (No Flash) Windows XP Konqueror: Konqueror 3.4.0-5 Linux Fedora Core 4 Divs go to the right Opera: Opera 9.0 (no Flash) Linux Fedora Core 4 OK Opera 8.5.0 (No Flash) Windows 2000 ProfessionalDivs go upwards Opera 9.0 (No Flash) Windows 2000 ProfessionalOK Opera 9.02 (No Flash) Windows Vista OK Opera 8.5.0 (No Flash) Windows XP Divs go upwards Opera 9.0 (No Flash) Windows XP OK Netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Lists don´t work Netscape 6.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 7.2 (no Flash)Windows 2000 Professional Divs go to top right Netscape 6.2.3 (No Flash) Windows XPDivs go to the right Netscape 7.2 (no Flash)Windows XPDivs go to top right - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. __ 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] Divs moving up the page
Hi all, I have been checking my index page with the various browser/OS combos but I get a problem with the majority (except for IE). The divs called #gw_tabView1 and .gw_aTab seem to move unexpectedly. The page can be seen here: http://216.219.94.105/index1.cfm Why is this happening and how can I stop it? Thank you Internet Explorer Good: Explorer 7.0 (no Flash) Windows XP Explorer 6.0 (no Flash) Windows XP Explorer 7.0 (no Flash) Windows Vista Explorer 6.0 (no Flash) Windows 2000 Professional Messes up: Explorer 4.0 (no Flash) Windows 98 Looses style on the text in the div gw_atab: Explorer 5.5 (no Flash) Windows 2000 Professional Explorer 5.0 (no Flash) Windows 2000 Professional Mozilla: Divs to the right Mozilla 1.7.12 (no Flash) Linux Fedora Core 4 Mozilla 1.6 (No Flash) Windows 2000 Professional Mozilla 1.7.12 (No Flash) Windows 2000 Professional Mozilla 1.6 (No Flash) Windows XP Mozilla 1.7.12 (No Flash) Windows XP Firefox: Divs to the right Firefox 1.5.0 (no Flash) Linux Fedora Core 4 Firefox 2.0 (no Flash) Linux Fedora Core 4 Firefox 1.5.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows 2000 Professional Firefox 2.0 (No Flash) Windows Vista Firefox 1.5.0 (No Flash) Windows XP Firefox 2.0 (No Flash) Windows XP Konqueror: Konqueror 3.4.0-5 Linux Fedora Core 4 Divs go to the right Opera: Opera 9.0 (no Flash) Linux Fedora Core 4 OK Opera 8.5.0 (No Flash) Windows 2000 Professional Divs go upwards Opera 9.0 (No Flash) Windows 2000 Professional OK Opera 9.02 (No Flash) Windows Vista OK Opera 8.5.0 (No Flash) Windows XP Divs go upwards Opera 9.0 (No Flash) Windows XP OK Netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Lists don´t work Netscape 6.2 (no Flash) Windows 2000 Professional Divs go to top right Netscape 7.2 (no Flash) Windows 2000 Professional Divs go to top right Netscape 6.2.3 (No Flash) Windows XP Divs go to the right Netscape 7.2 (no Flash) Windows XP Divs go to top right - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. __ 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/ - Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search. - Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. __ 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] Weak layout
I just got a comment from one of the list members that I don`t understand about my webpage saying, and I quote: your layout is a bit weak, and can't take much, if any, font-resizing in any browser. Test in browsers and you'll see how easily it breaks. He suggests a complete rewriting of this weak layout but I don`t know what that would be. What does he mean by it breaks in a browser? How can I rewrite it? Thank you! http://216.219.94.105/index1.cfm - Get your own web address. Have a HUGE year through Yahoo! Small Business. __ 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] Weak layout
Thank you everyone for your kind replies really appreciated which I will
implement. So I now know what a weak layout is! What a complete nightmare these
different browsers are. I don´t think that Sarah´s idea about all the browser
people getting together and agreeing on someting will ever happen that´s why we
are in the mess we are at present!
My main issue at the moment is that non-IE browsers get rid of the borders
on my top nav. What can I do to change this? Thanks:
#topnav A {
BORDER-RIGHT: #d8e1e9 1px solid; DISPLAY: block; BACKGROUND: no-repeat left
top; FONT: 11px/20px tahoma, arial, sans-serif; width: 84px; COLOR: #fff;
TEXT-ALIGN: center
}
-
Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV.
__
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] Firefox and Opera bug
Hi all, the .gw_aTab is not showing the same in size as in IE (the gain Gain a
unique insight into your industry part with the border around it and the uk
image). http://216.219.94.105/index1.cfm
The div .gw_aTab is not showing right in Opera and Firefox. In IE it is
perfect and can be seen at this screen grab:
http://216.219.94.105/lowres_grab_IE.jpg
At the moment it looks like this:
Firefox: http://216.219.94.105/lowres_grab_firefox.jpg
Opera: http://216.219.94.105/lowres_grab_opera.jpg
..gw_aTab { border-right: #e5e5e5 1px solid; padding-right: 5px; padding-left:
5px; padding-bottom: 0px; border-left: #e5e5e5 1px solid;
padding-top: 0px;
border-bottom: #e5e5e5 1px solid;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
float:none;
height: auto
}
How do I sort this display error out in firefox and opera? Thank you for any
pointers
-
Luggage? GPS? Comic books?
Check out fitting gifts for grads at Yahoo! Search.
-
Get the free Yahoo! toolbar and rest assured with the added security of spyware
protection.
__
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] Firefox and Opera bug?
Hi all, the .gw_aTab is not showing the same in size as in IE (the gain Gain a
unique insight into your industry part with the border around it and the uk
image). http://216.219.94.105/index1.cfm
The div .gw_aTab is not showing right in Opera and Firefox. In IE it is
perfect and can be seen at this screen grab:
http://216.219.94.105/lowres_grab_IE.jpg
At the moment it looks like this:
Firefox: http://216.219.94.105/lowres_grab_firefox.jpg
Opera: http://216.219.94.105/lowres_grab_opera.jpg
..gw_aTab { border-right: #e5e5e5 1px solid; padding-right: 5px; padding-left:
5px; padding-bottom: 0px; border-left: #e5e5e5 1px solid;
padding-top: 0px;
border-bottom: #e5e5e5 1px solid;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
float:none;
height: auto
}
How do I sort this display error out in firefox and opera? Thank you for any
pointers
-
Boardwalk for $500? In 2007? Ha!
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
__
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] How to make footers go to bottom of the page
Hi all I am trying to work out hoe to put the following footer id : #footer_home to the bottom of this page: http://216.219.94.105/index1.cfm IE is ok but as I know know is not standard compliant. Thanks - Don't be flakey. Get Yahoo! Mail for Mobile and always stay connected to friends. - Looking for a deal? Find great prices on flights and hotels with Yahoo! FareChase. __ 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] IE makes an extra border
Hi all thanks for all your help I am really starting to understand the whole div/css thing. Now I design for opera and mozilla I have a small problem with the IE where it adds an extra border at the top of a div I have where the javascript tabs are gw_tabView1 which contains the tabs content in the various divs called : gw_aTab http://216.219.94.105/index.cfm It is fine in firefox and opera bvut in IE it adds an extra border at the top. How can I sort this out? Thanks for any advice - Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on, when. - Need Mail bonding? Go to the Yahoo! Mail QA for great tips from Yahoo! Answers users. __ 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] Netscape problems
My page is validated but I am having problems with the ajax divs for some reason they mess up with netscape: Netscape 4.78 (no Flash) Windows 2000 Professional Netscape 6.2.3 (No Flash)Windows XP Netscape 6.2 (no Flash) Windows 2000 Professional How can I make them work in Netscape? Thank-you in advance http://216.219.94.105/index.cfm - Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search. __ 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] Text-confused weak layout
Hi all I am trying to initially sort out my text something I learned was wrong
thanks to the help of the users of this list. I just need a few pointers
because I am a bit confused:
On the body part of the css at the moment it is font 11px -I have seen that I
should change it to 200% or something like that-what should I do? Thanks for
pointers
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif;
color: #4d4d4d; padding-top: 0px}
http://216.219.94.105
Thanks for any ideas
-
Park yourself in front of a world of choices in alternative vehicles.
Visit the Yahoo! Auto Green Center.
-
Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news,
photos more.
__
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] Ideas for handling text with CSS
Have you tried nbsp; in your html? [EMAIL PROTECTED] wrote: Hi everyone, I was wondering if anyone has a link or information as how to best handle text with CSS. By text I mean a line of text that may include 3 pieces of information, like name, phone, and email address. In the past, I always used tables for this, but want to handle this with the use of CSS if possible. I found a site that mentioned word-spacing, but that won't work because I don't want a large amount of spacing between the first and last name. Any suggestions or links are greatly appreciated. Thanks! ;-) Suzanne __ 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/ - You snooze, you lose. Get messages ASAP with AutoCheck in the all-new Yahoo! Mail Beta. __ 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] Best way for text when enlarged
Hi all,
The text breaks up the page when I increase it´s size.
On the body part of the css at the moment it is font 11px -what should I change
it to some percent value?
Thanks for any pointers
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif;
color: #4d4d4d; padding-top: 0px}
http://216.219.94.105
-
Need a vacation? Get great deals to amazing places on Yahoo! Travel.
-
Moody friends. Drama queens. Your life? Nope! - their life, your story.
Play Sims Stories at Yahoo! Games.
__
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] Best way for text when enlarged
Thanks Luc! Luc [EMAIL PROTECTED] wrote: Good afternoon trevor, It was foretold that on 20/6/2007 @ 12:09:17 GMT-0700 (PDT) (which was 16:09:17 where I live) trevor bayliss would write: On the body part of the css at the moment it is font 11px -what should I change it to some percent value? I use a minimum of 76%. -- Best regards, Luc _ Powered by The Bat! version 3.99.3 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Every time history repeats itself the price goes up. __ 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/ - Bored stiff? Loosen up... Download and play hundreds of games for free on Yahoo! Games. __ 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] Best way for text when enlarged
Thanks a lot for all your replies what a large topic but essential to
understand. I have been playing around with various percentages, medium, em for
sizes and I am still on the case and before I rewrite the design again,settling
at present for 100% for body text. However, even though I have avoided ems in
my present code it seems impossible to get IE to resize text. I know that IE
has a bug but I was told it would work with anything other than px. Here´s the
offending css and a link to the page http://216.219.94.105/
Thanks for any pointers in advance everyone
html {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin:
0px; padding-top: 0px}
ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
padding-top: 0px}
ol {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
padding-top: 0px}
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px; font: 100% tahoma, arial, sans-serif;
color: #4d4d4d; padding-top: 0px}
img {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px;
border-right-width: 0px}
h1 {font-size: 19%}
h2 {font-size: 15%}
h3 {font-size: medium; font:tahoma, arial, sans-serif}
a {color: #7f99ae; text-decoration: none}
a:hover {text-decoration: underline}
Ed Seedhouse [EMAIL PROTECTED] wrote:
On 6/21/07, Shark Attack Design wrote:
I wonder what proportion of web users ever bother to adjust the default
text size of their browser(s)? The preset default size is generally 16
(I think Safari is different?) although I'm not sure what the units are
for that default -- pixels? Points?
I think that most people, if they were browsing a site that didn't
adjust the font size by CSS, would find that default size uncomfortably
large. However, they never adjust their default setting because a) they
don't even know that they can, and wouldn't know how to if they did, and
b) the majority of sites these days make some effort to ramp the type
down from 16 to something more 'designed' -- so the user may not even be
aware how large their default setting is.
I think the point is that for such people the default size at least does not
annoy them so much as to drive them to learn how to change it! So going
with their default browser size at least won't offend them too badly, and
you don't know how they will react if you impose a size on them. In that
sense I argue that the browser default font size is the safest and least
likely to cause offense. And as we know if the page offends the user she is
likely to hit the home or back button and never return.
--
Ed Seedhouse
__
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/
-
Need Mail bonding?
Go to the Yahoo! Mail QA for great tips from Yahoo! Answers users.
-
Looking for a deal? Find great prices on flights and hotels with Yahoo!
FareChase.
__
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] Best way for text when enlarged
Hi David and all, Sorry I put up the wrong link http://216.219.94.105/indextest.cfm I am playing around with all the great pointers I have been given. There seem to be a lot fo different opinions on this one so I will always be doing it wrong in somebody´s eyes I suppose! Re-writing: David I am going to have a crack at implementing your 5 col layout and see how I go with that. Thanks everybody - Don't get soaked. Take a quick peak at the forecast with theYahoo! Search weather shortcut. - Finding fabulous fares is fun. Let Yahoo! FareChase search your favorite travel sites to find flight and hotel bargains. __ 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] What is the equivalent of font-size:11px?
I am continuing my css journey and have been playing around with this and can´t
seem to get the right results using ems or font-size:small on my body css:
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif;
color: #4d4d4d; padding-top: 0px}
I just want the text under the text under the headlines in these screengrabs
to look exactly the same but not using pixels. From a visual perspective all my
em and other attempts look damn ugly and the only thing that looks pro is
pixels (which I can´t use because they don´t resize in IE):
http://216.219.94.105/ie.jpg
http://216.219.94.105/firefox.jpg
TIA
-
Shape Yahoo! in your own image. Join our Network Research Panel today!
-
Choose the right car based on your needs. Check out Yahoo! Autos new Car
Finder tool.
__
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] What is the equivalent of font-size:11px?
With respect David you are wrong and this is NOT the same question. This has
nothing to do with any other question it is a simple font question and asking
how to get the same effect as font size 11px with ems or percentages. Just
because I haven´t implemented your 5 column layout doesn´t mean that I haven´t
read the other answers and doesn´t mean that I am not implementing the ideas.
David Laakso [EMAIL PROTECTED] wrote:
trevor bayliss wrote:
I am continuing my css journey and have been playing around with this and
can´t seem to get the right results using ems or font-size:small on my body
css:
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif;
color: #4d4d4d; padding-top: 0px}
I just want the text under the text under the headlines in these screengrabs
to look exactly the same but not using pixels. From a visual perspective all
my em and other attempts look damn ugly and the only thing that looks pro is
pixels (which I can´t use because they don´t resize in IE):
http://216.219.94.105/ie.jpg
http://216.219.94.105/firefox.jpg
TIA
Forgive me Treavor, and everyone else, but it is wearing a little thin.
Your question(s) have been answered under different subject lines by
several knowledgeable and talented list members over the past 10 or 12
days. Some of us have answered your question(s) more than once. One of
us provided an explanation and a layout that resolved the issues you
have. Sooner or latter you have to bite the bullet and read the replies
to your various posts. And do something different than re-writing the
same question(s) over again under a different subject line.
If you are stuck and just don't get it, write me off-list.
~dL
--
http://chelseacreekstudio.com/
-
Pinpoint customers who are looking for what you sell.
-
Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news,
photos more.
__
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] Thread answered:What is the equivalent of font-size:11px?
Thank you all for your help, Mark and Confusion were on the spot. I am sorry if
I annoyed you David I really appreciate your opinion and I am implementing your
very VALUABLE solutions.
Mark Story [EMAIL PROTECTED] wrote:
I haven't read all the replies yet. But a really good way to get
consistent fonts is to set
body {
font-size:62.5%
}
This along with other resets makes all your fonts equivalent to 10px.
This not only allows you to make nice em sizes like 1.2em for 12 px
etc. But also allows you do your entire layout in ems should you choose
to do so. As for the specific issue you are having check your
line-heights as well that is often a source of height discrepancies
between browsers. Personally I think the difference on your pages is
fine, and not shockingly different. Since you are allowing the user to
resize text, there is the possibility for them to muck up the design no
matter how hard you try to make it perfect. So a little varience is fine.
-Mark
trevor bayliss wrote:
I am continuing my css journey and have been playing around with this and
can´t seem to get the right results using ems or font-size:small on my body
css:
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px; font: 11px tahoma, arial, sans-serif;
color: #4d4d4d; padding-top: 0px}
I just want the text under the text under the headlines in these screengrabs
to look exactly the same but not using pixels. From a visual perspective all
my em and other attempts look damn ugly and the only thing that looks pro is
pixels (which I can´t use because they don´t resize in IE):
http://216.219.94.105/ie.jpg
http://216.219.94.105/firefox.jpg
TIA
-
Got a little couch potato?
Check out fun summer activities for kids.
-
Looking for a deal? Find great prices on flights and hotels with Yahoo!
FareChase.
__
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] I want to make my nav bar look like the included image
Have a play around with this it may help
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd;
HTML
HEAD
META http-equiv=Content-Type content=text/html; charset=utf-8
titleMedarc Ltd./title
STYLE type=text/css
html {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
padding-top: 0px}
ul {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
padding-top: 0px}
ol {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
padding-top: 0px}
body {padding-right: 0px; padding-left: 0px; background: #ff repeat-x 50%
top; padding-bottom: 0px; margin: 0px;
font: 0.6875em tahoma, arial, sans-serif; color: #4d4d4d; padding-top: 0px}
img {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px;
border-right-width: 0px}
a {color: #7f99ae; text-decoration: none}
a:hover {text-decoration: underline}
#width { margin-left: 10px; width: 850px; margin-right: auto; text-align: left;
min-height: 100%}
p.last{ font-size:0.8em; border-top:.1em solid #000; margin:0; width:100%;
padding:.1em 1em; color: #777; background: #ccc; }
#topnav {border-top: #fcda2e 4px solid; margin: 9px 0px 0px; width: auto}
#topnav LI { display: inline; background: #849eb3 no-repeat left top; float:
left; width: auto; height: auto}
#topnav A {border-right: white 1px solid; display: block; background: no-repeat
left top; font: 11px/20px tahoma, arial, sans-serif;
width: 84px; color: #fff; text-align: center}
li.empty{ background: black no-repeat left top; width: 1px; height: auto; }
#topnav A:hover {background: #fcda2e no-repeat left top; text-decoration: none}
#topnav A.selected {background: #fcda2e no-repeat left top; text-decoration:
none}
/style
/head
body
div id=width
ul id=topnav
lia title=National href=national.cfmNational/a/li
lia title=National href=national.cfmNational/a /li
lia title=National href=national.cfmNational/a /li
lia title=National href=national.cfmNational/a /li
lia title=National href=national.cfmNational/a /li
lia title=National href=national.cfmNational/a /li
lia title=National href=national.cfmNational/a /li
lia title=National href=international.cfmInternational/a/li
lia title=Contact href=contact.cfmContact/a/li
li class=emptyA title= href=National/a/li
/ul
/body
/html
Josue Martinez [EMAIL PROTECTED] wrote:
Hello, listers:
I am working on this nav list, and I'm stuck because I don't know how to
position the elements as I want. I have an unordered list of links I want to
style like this image:
http://www.ic.sunysb.edu/clubs/phiota/test/assets/images/v1_index.jpg
Here is the html file http://www.ic.sunysb.edu/clubs/phiota/test/
And here's the navigation CSS (The entire css document is here:
http://www.ic.sunysb.edu/clubs/phiota/test/base.css )
div#nav {
width: 606px;
margin: 1px 0;
background-color: #000;
}
div#nav ul {
margin: 0;
padding: 0;
width: 91px;
background: black;
font: bold 12px Trebuchet MS, Helvetica, Arial, Tahoma, Verdana,
sans-serif;
list-style: none;
}
div#nav ul li {
width: 91px;
height: 20px;
margin: 0;
text-align: left;
}
div#nav li:hover {
background: red;
}
div#nav li a {
display: block;
width: 91px;
text-decoration: none;
color: white;
}
---
I'd appreciate any help you can give me.
__
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/
-
Boardwalk for $500? In 2007? Ha!
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
-
Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV.
__
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] Trouble with footer on five column layout
I am using David Laakso´s Chealseacreekstudio five column layout which can be seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html For some reason the footer in firefox doesn´t go to the bottom of the page. Also I would like to move the c1 div (the h3 column) from the left to the right. Any comments greatly accepted as to how I can improve thie css on this page. The webpage: http://216.219.94.105/stuff.htm TIA - Need a vacation? Get great deals to amazing places on Yahoo! Travel. - Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. __ 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] Trouble with footer on five column layout
Hi David
Thanks I have done that and validated it http://216.219.94.105/stuff.htm
David Laakso [EMAIL PROTECTED] wrote:
trevor bayliss wrote:
I am using David Laakso´s Chealseacreekstudio five column layout which
can be seen here: http://www.chelseacreekstudio.com/ca/cssd/stuff.html
For some reason the footer in firefox doesn´t go to the bottom of the
page. Also I would like to move the c1 div (the h3 column) from the
left to the right. Any comments greatly accepted as to how I can
improve thie css on this page.
The webpage:
http://216.219.94.105/stuff.htm
Slow down. Let's take it one step at a time. Start by switching the
columns first. Download this layout [1].
These two changes will switch the columns:
#wrapper { float: /*right*/left; width: 100%; margin-left: -188px; }
#c1 { float: /*left*/right; width: 186px; }
Do not change, add to, or otherwise modify the css or the markup of [1].
You have an image and h2 and a p for each of four sections. Add those items to
each of the four sections.
re-write these:
to read:
Healthcare
Hospitals, Personnel, Equipment, Pathology Services and Casualty Evacuation
When you've finished only that much, validate the file, and write back-- and
we'll go from there.
[1]
Best,
~dL
--
http://chelseacreekstudio.com/
-
Boardwalk for $500? In 2007? Ha!
Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games.
-
Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on,
when.
__
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] Thanks David Laakso
I know that the moderators will not like the fact that I am sending an maybe off topic email but hey you only live once!(ok maybe twice but that is for another forum!) I think I speak for all the people who have come to the list looking for help that David Laakso is a constant excellent list member who has very kindly replied to hundreds of questions and I want to personally thank him. THANKS DAVID FOR EVERYTHING!!! - Don't get soaked. Take a quick peak at the forecast with theYahoo! Search weather shortcut. __ 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] How to put divs in a div not validating
Hi everyone,
I have a problem that is maybe not fixable. I have a div with three divs
inside it which doesn´t validate. The divs are there for ajax reasons but this
is still a css question I believe as it is about the divs. The problem can be
seen at this webpage:
http://216.219.94.105/trevor.htm
The issue is with gw_aTabs divs-the error I get validating is on each of the
gw_aTab(s) document type does not allow element div here; missing one of
object, ins, del, map, button start-tag.div class=gw_aTab
div id=main-contents-wrapper
div id=block!-- open #block--
div id=gw_tabView1!-- open the special id for ajax--
p
div class=gw_aTab
h2Gain a unique insight into your industry/h2
pMedarc Ltd., incorporated in 1982, specialises in providing consultancy in
healthcare, defence, property and the environment accross a wide range of
industries.
img src=images/uk.gif width=153 height=182 alt=UK Map //p
h2National (UK)/h2 h2International/h2
/div
!-- NATIONAL--
div class=gw_aTab
h2National/h2
pIn the UK the consultancy focuses on the following areas:/p
img src=images/companies/work.jpg width=75 height=65 alt=Work
Foundation /
h2Industrial Society (now Work Foundation)/h2
pMember of the Medical Advisory Committee/p
ul class=areasliDevelopment of company health policies/li
liPersonnel selection and promotions/li
liIndustrial disease and injury claims/li/ul
strongExamples of some recent projects include:/strong
img src=images/companies/pando.jpg width=75 height=45 alt=P and O /
h2Pamp;O Developments/h2
pFeasability studies on property projects./p
img src=images/companies/hse.jpg width=75 height=47 alt=Health and
Safety Executive /
h2Health and Safety Executive/h2 pLicensee for construction industry
workers/p
img src=images/uk.gif width=75 height=45 alt=Pfizer /
h2Pharmacia Upjohn(now Pfizer)/h2
pMedico-Legal and political advice./p
img src=images/companies/eve.jpg width=75 height=41 alt=Eve Group /
h2Eve Group (now Babcock)/h2
pGeneral and political advisory role./p
/div
!--INTERATIONAL--
div class=gw_aTab
h2International/h2
pOur main areas of consultancy internationally are:/p
ul id=areas1liHealthcare/liliProperty/liliDefence/li/ul
strongExamples of some recent projects include:/strong
img src=images/companies/riotinto.jpg width=75 height=69 alt=Rio
Tinto /
h2Rio Tinto/h2
pHealthcare and environmental issues in sensitive mining operations in
Namibia, South Africa and Saudi Arabia./p
img src=images/companies/statoil.jpg width=75 height=70 alt=Statoil
/
h2Statoil/h2
pHealth and safety issues on offshore installations on behalf of the
Norwegian Directorate of Health./p
img src=images/companies/ven.jpg width=75 height=59 alt=Venezuelean
Government /
h2Bolivarian Government of Venezuela/h2
pHealthcare delivery and hospital construction./p
img src=images/companies/thales.jpg width=75 height=44 alt=Thales /
h2Thales/Racal/h2
pDefence electronic systems in Asia andnbsp;nbsp; South America./p
img src=images/companies/boc.jpg width=75 height=46 alt=BOC /
h2British Oxygen Company/h2
pCommercial and industrial implications for a subsidiary, on Sweden entering
the European Community./p
/div
/p
/div!-- close the special id for ajax--
/div!-- close #block--
!--tab javascript --
script type=text/javascript
initTabs('gw_tabView1',Array('Medarc
Limited','National','International'),0,650,0);
/script
/div
-
Need a vacation? Get great deals to amazing places on Yahoo! Travel.
__
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] Header navigation
Hi list,
I am trying to get the navigation in my header:
http://216.219.94.105/trevor.htm
to look like it does in my earlier version pre-better layout:
http://216.219.94.105/trevor.htm
Here is the css and html-it all validates but the tabs don´t fill out the
header div and the border goes to the top of the div not the navigation. Maybe
I should put a new id on the ul instead?
Thanks for any pointer greatly appreciated :
/*top nav css*/
#header { border-top: #d8e1e9 4px solid; margin: 9px 0px 0px; width: auto
/*border-bottom: 1px solid #ddd;*/ }
#header ul { /*margin: 0; padding: 0; font-size: 90%;*/ }
#header li { list-style-type: none; padding-right: 15px; display: inline;
background: #849eb3 no-repeat
left top; float: left; width: auto; height: auto}
#header a {border-right: #d8e1e9 1px solid; display: block; background:
no-repeat left top; font:
11px/20px tahoma, arial, sans-serif; width: 84px; color: #fff; text-align:
center }
#header a:hover {background: #fcda2e no-repeat left top; text-decoration: none}
#header a.selected {background: #fcda2e no-repeat left top; text-decoration:
none}
div id=header
h1img height=57 alt=Medarc Ltd. Logo src=images/medarc.jpg
width=217 //h1
ul
lia title=Home href=index.cfmHome/a/li
lia title=About Medarc href=about.cfmAbout Us/a/li
lia title=Medarc Defence href=defence.cfmDefence/a/li
lia title=Medarc Healthcare href=health.cfmHealthcare/a/li
lia title=Medarc Property href=property.cfmProperty/a/li
lia title=Medarc Environment
href=environment.cfmEnvironment/a/li
lia title=Medarc National href=national.cfmNational/a/li
lia title=Medarc International
href=international.cfmInternational/a/li
lia title=Contact href=contact.cfmContact/a/li
/ul
/div
-
Yahoo! oneSearch: Finally, mobile search that gives answers, not web links.
-
Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on,
when.
__
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] white or #FFFFFF?
tedd [EMAIL PROTECTED] wrote: At 11:55 AM +0100 7/10/07, Ian Young wrote: Where in the code are you experiencing the problem? I have tried several examples of having white instead of #fff in various places in the menu code (based on yours). Doesn't matter if it is in li or li hover, still works in IE6. It doesn't fail in my regular drop-down menu (as described on my site), but rather something I am working on. It's strange -- I just wanted to see if anyone else encountered the same problem. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ 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/ Hey tedd can you put up a page then which shows this problem. Even if you are working on it you surely can put something up so people can get this sorted - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. __ 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] Top nav-please ignore last navigation post
I am having a problem with my top nav http://216.219.94.105/trevor.htm. The width of the ul that I have id=topnav doesn´t fit accross the whole header div and is centred in firefox and aligned to the left in IE: The html without all the li tags: div id=page div id=header h1img height=57 alt=Medarc src=images/medarc.jpg width=217 //h1 ul id=topnav lia title=Home href=index.cfmHome/a/li !--other links here-- /ul /div I have tried changing the width if the #topnav a but it gets to a point where it goes onto two lines. I have tried changing the width of the #top nav ul to pixels to be the same size as the page div (at the moment in red to make it easy to see) but to no avail. I am stuck on this one. Thanks for any pointers. - Looking for earth-friendly autos? Browse Top Cars by Green Rating at Yahoo! Autos' Green Center. - Don't be flakey. Get Yahoo! Mail for Mobile and always stay connected to friends. __ 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] Site check please
Mark Wheeler [EMAIL PROTECTED] wrote: On Jul 11, 2007, at 9:20 AM, Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ 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/ Hi Gary, It looks good in FF 2.0.0.4 (Mac) and Safari 2.0.4. Nice and clean. Mark __ 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/ Hi Gary it looks like this in IE http://216.219.94.105/shiatsu.JPG - Get the free Yahoo! toolbar and rest assured with the added security of spyware protection. __ 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] Equivalent result of html align left
Hi all, In the webpage: http://216.219.94.105/t_embeded_js.htm I have been trying to organize the code that is in the International and National panels so that the images are aligned to the left of the h2 and p tags: img src=images/companies/pfizer_logo.jpg width=75 height=45 alt=Pfizer / h2Pharmacia Upjohn(now Pfizer)/h2 pMedico-Legal and political advice./p I have been trying to use clear: left; or clear: both; or clear:right; but to no avail and I´ve hit a css brick wall but really wanting to understand why this doesn´t work and how I can solve it. You can see exactly what I am aiming for on the page http://216.219.94.105/index.cfm which was done with tables. TIA - Yahoo! oneSearch: Finally, mobile search that gives answers, not web links. - Bored stiff? Loosen up... Download and play hundreds of games for free on Yahoo! Games. __ 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] Equivalent result of html align left
I have been trying to use clear: left; or clear: both; or clear:right; but to no avail and I´ve hit a css brick wall but really wanting to understand why this doesn´t work and how I can solve it. You can see exactly what I am aiming for on the page http://216.219.94.105/index.cfm which was done with tables. TIA ~~~ You are so-o-o-o close, Trevor. Delete those clear: both; declarations from #block-col-2, #block-col-4 and so on. Well, that does it in Opera 9. Did not try other browsers. Cordially, David -- Thanks for the reply David, I tried removing all the div block clears but with no luck and it didn´t work for some reason. What I did instead is move the image tag into the p and that sort things out a bit (national and international panels in the middle of the page) http://216.219.94.105/t_embeded_js.htm so it is now h2/h2pimage/p As you can see this is nearly there but I still need to get the equivalent effect of align left of the image (I don´t know how to express it any other way there must be a more technical way of saying it). TIA - Building a website is a piece of cake. Yahoo! Small Business gives you all the tools to get online. - Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search. __ 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] Equivalent result of html align left
trevor bayliss [EMAIL PROTECTED] wrote: David Hucklesby [EMAIL PROTECTED]
wrote: On Fri, 13 Jul 2007 09:01:20 -0700 (PDT), trevor bayliss wrote:
[...] You can see exactly what I am aiming for on
the page
http://216.219.94.105/index.cfm which was done with tables. TIA
~~~
You are so-o-o-o close, Trevor.
Delete those clear: both; declarations from #block-col-2, #block-col-4
and so on. Well, that does it in Opera 9. Did not try other browsers.
Thanks for the reply David, I tried removing all the div block clears but
with no luck
and it didn´t work for some reason. What I did instead is move the image tag
into the p
and that sort things out a bit (national and international panels in the
middle of the
page) http://216.219.94.105/t_embeded_js.htm so it is now
As
you can see this is nearly there but I still need to get the equivalent
effect of align
left of the image (I don´t know how to express it any other way there must be
a more
technical way of saying it).
~
Sorry. I only looked at your default page, and removing the
clear: both; declarations (not the clear: left;) fixed it this end.
The problem really exists on the tabbed pages, no? Confusing
me still is the markup for the default tab now differs from the
remaining tabs. I'll just refer to the markup for National for
clarity (I hope).
Were you to move the IMG element before the H2 in each
#block-col-? DIV, dispensing with any surrounding DIV or
P, then I imagine that simply aligning / floating the image *right*
would give you what you seek, Try:
HTMLMember of the Medical Advisory Committee
CSS
-
.gw_aTab img {float: right: border: 0 none; margin: 0 0 5px 5px;}
Adjust image margins to taste.
Cordially,
David
--
Hi David thank you for the pointers. I changed my css but I don´t get any
luck at the moment, maybe I think that I haven´t understood exactly where to
change the clear. Do you have your working example? Here is mine at present, I
changed the img to go outside the p as suggested. My present markup for the
block divs is below and the page where it can be seen is here
http://216.219.94.105/t_embeded_js.htm TIA: /* 3 panels content css */
#block-col-1 { background-color: #ff; float: left; width: 315px; clear:
left }
#block-col-2 { background-color: #ff; float: right; width: 315px; }
#block-col-3 { background-color: #ff; float: left; width: 315px; clear:
left }
#block-col-4 { background-color: #ff; float: right; width: 315px; }
#block-col-5 { background-color: #ff; float: left; width: 315px; clear:
left }
#block-col-6 { background-color: #ff; float: right; width: 315px; }
#block-col-7 { background-color: #ff; float: right; width: 600px; clear:
left }
#block p { margin: 6px; padding:0; }
#block-col-1 p { margin: 6px; padding:0; clear: left; }
#block-col-2 p { margin: 6px; padding:0; }
#block-col-3 p { margin: 6px; padding:0; clear: left; }
#block-col-4 p { margin: 6px; padding:0; }
#block-col-5 p { margin: 6px; padding:0; clear: left; }
#block-col-6 p { margin: 6px; padding:0; }
#block-col-7 p { margin: 6px; padding:0; clear: left; }
-
Looking for a deal? Find great prices on flights and hotels with Yahoo!
FareChase.
__
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] Layout question
Hi all, I have cut out all unnecessary content and I´m trying to work out how to change the size of the content div (in grey) in the following page http://216.219.94.105/divs.htm This is all because I want to get rid of any space between the content div and the right hand div called c1 (lime green) and eventually I will get rid of an li in the top navigation so I need to know how to change the layout. I think that I have to also change main-contents-wrapper (yellow), gw_tabView1 layer (purple). Thanks for any help really appreciated. trying to work out how to change the - Be a better Heartthrob. Get better relationship answers from someone who knows. Yahoo! Answers - Check it out. - Building a website is a piece of cake. Yahoo! Small Business gives you all the tools to get online. __ 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] Missing division in UL LI
This is a strange one I don´t have a clue why this is happening, for some reason a division is left out on a UL LI on this page http://216.219.94.105/divs.htm You can see the screen grabs: Firefox(problem): http://216.219.94.105/FF.jpg IE (fine): http://216.219.94.105/IE.jpg Thank you for any pointers, Regards, Trevor - Moody friends. Drama queens. Your life? Nope! - their life, your story. Play Sims Stories at Yahoo! Games. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ 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] Layout question
Hi all, I have cut out all unnecessary content and I´m trying to work out how to change the size of the content div (in grey) in the following page http://216.219.94.105/divs.htm This is all because I want to get rid of any space between the content div and the right hand div called c1 (lime green) and eventually I will get rid of an li in the top navigation so I need to know how to change the layout. I think that I have to also change main-contents-wrapper (yellow), gw_tabView1 layer (purple). Thanks for any help really appreciated. - Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search. - Get the free Yahoo! toolbar and rest assured with the added security of spyware protection. __ 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] Missing division in UL LI: This is Answer
The answer is to increase the width to 11% that sorts it out trevor bayliss [EMAIL PROTECTED] wrote: This is a strange one I don´t have a clue why this is happening, for some reason a division is left out on a UL LI on this page http://216.219.94.105/divs.htm You can see the screen grabs: Firefox(problem): http://216.219.94.105/FF.jpg IE (fine): http://216.219.94.105/IE.jpg Thank you for any pointers, Regards, Trevor - Moody friends. Drama queens. Your life? Nope! - their life, your story. Play Sims Stories at Yahoo! Games. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ 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/ - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ 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 please
Hi all. I am at the end of the first leg of my css journey. Very complicated stuff and I nearly turned back to tables! Please could someone have a gander at this page and see what you think and if there are any problems. I believe I have sorted them all out now. If I have any errors (it is, however, validated fine) or anything that I can improve on I would really apreciate the collective wisdom on this one. I am also interested to hear also how it looks in computers with different resolutions-it looks fine for me with firefox and IE. Thanks everyone for all your help along the way. http://216.219.94.105/david1.htm - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. - Park yourself in front of a world of choices in alternative vehicles. Visit the Yahoo! Auto Green Center. __ 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] Site Check and Bughunting, Please
checking it on the w3.org validator it says it is Tentatively valid so it wouldn´t hurt to get that sorted out. The css validator shows two errors: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.lostinxlation.net%2Fsandbox1%2Findex.html If you put padding: 0px; that should sort that one out I think HTHs I´m learning this too! J Hodge [EMAIL PROTECTED] wrote: Good afternoon! It would be fabulous if I could get a site check on my current project: Test site - http://www.lostinxlation.net/sandbox1/index.html Test CSS - http://www.lostinxlation.net/sandbox1/primary.css http://www.lostinxlation.net/sandbox1/print.css http://www.lostinxlation.net/sandbox1/mobile.html I'm looking specifically for issues in common Mac and *nix browsers, IE6 (the standalone version I have seems to be rendering worse than IE5.5, which doesn't seem correct), and on handheld / mobile devices. The only thing that should not be functioning is the Submit button on the form page, and the photogallery may not work as expected in Safari and Opera, due to the handling of :hover (still need to tweak that). Also, does anybody have any ideas on how to feed in certain styles in a way that they will be rendered if, and only if, javascript is not functioning? The specific issue I have in mind is that I am using Ruzee's RoundedCorners for the dropshadowed areas, and implementing it requires removing background-color from the applicable selectors and instead including it in script-specific styles, leaving no background-color for those areas when javascript is not working / turned off. Thank you in advance for the time and attention. ~~J. treswife at gmail dot com __ 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/ - Be a better Globetrotter. Get better travel answers from someone who knows. Yahoo! Answers - Check it out. __ 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] my CSS is often working offline but not online , why is that so?
Zoe M. Gillenwater [EMAIL PROTECTED] wrote: lavinia Ebert wrote: Hi, why is it that the behaviour from the browsers is offline different to online? The browsers (testing on IE6, Opera, Fireforx2 and Netscape) are interpretating my CSS often differently offline and online. Can I do something about this? Its an annoying process to have to upload everything again and again to see when the code is finally working correctly... Lavinia, Can you be more specific about how the browsers are interpreting [your] CSS often differently offline and online? Do they sometimes fail to show any styles? Do they sometimes fail to show just the updates you've made to the styles? Something else entirely? Etc. Also, can you send us a link to a page we can look at? Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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/ I had that problem as well, really strange, my .htm page looked one way on my PC with explorer and then different when I looked at it online. No idea why that happened, strange as there shouldn´t be any reason why this happens surely!! - Building a website is a piece of cake. Yahoo! Small Business gives you all the tools to get online. __ 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] Site check please
David Laakso [EMAIL PROTECTED] wrote: trevor bayliss wrote:
Hi all. I am at the end of the first leg of my css journey. Very complicated
stuff and I nearly turned back to tables!
Please could someone have a gander at this page and see what you think and if
there are any problems. I believe I have sorted them all out now. If I have
any errors (it is, however, validated fine) or anything that I can improve on
I would really apreciate the collective wisdom on this one. I am also
interested to hear also how it looks in computers with different
resolutions-it looks fine for me with firefox and IE. Thanks everyone for all
your help along the way.
http://216.219.94.105/david1.htm
Trevor,
You are getting there.
You will know things are working relatively well cross-browser when in
IE6.0 you do not drop the far right column float (as it does now) when
she is in accessibility mode at text-size /largest/ with the
/ignore font sizes specified on Web pages/ box checked [1].
Some /first steps/ toward that goal, might be:
1/ Re-set this:
body { font: /*0.9875em*/ 90% tahoma, arial, sans-serif; color: #4d4d4d;
text-align: center; }
to (default):
body { font: 100% tahoma, arial, sans-serif; color: #4d4d4d; text-align:
center; }
2/ Re-set this:
#topnav a {border-right: #d8e1e9 1px solid; display: block; font:
11px/20px tahoma, arial, sans-serif; color: #fff; text-align: center}
to (ditch the pixel font and pixel line-height):
#topnav a {border-right: #d8e1e9 1px solid; display: block; font:
76%/1.4 tahoma, arial, sans-serif; color: #fff; text-align: center}
3/ Reduce the font-size of the headings (h2-h6) and content text (p) as
necessary.
[1] To put IE6 in accessibiliy mode at text-size largest:
Go to:
ToolsInternet OptionsAccessibilityCheck box that reads: ignore font
sizes specified on Web pages
Then go to: ViewText SizeLargest
Best,
~dL
--
http://chelseacreekstudio.com/
Thanks as ever for the reply David. I have implemented those changes
http://216.219.94.105/david1.htm and will change the p´s and h´s to make it
look smarter. The AccessibilityCheck box that reads: ignore font sizes I
have done-what a nightmare I feel like I´m back to square one again now! I have
no idea where to start to sort out the problem the cl div (which is the
offending one) is floated right. The only tools I have knowledge of are clear
for this case. I will try clearing right and clearing left and clearing both
and see what happens.
-
Take the Internet to Go: Yahoo!Go puts the Internet in your pocket: mail, news,
photos more.
__
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] Site check please
David Laakso [EMAIL PROTECTED] wrote: Thanks as ever for the reply David. I have implemented those changes http://216.219.94.105/david1.htm and will change the p´s and h´s to make it look smarter. The AccessibilityCheck box that reads: ignore font sizes I have done-what a nightmare I feel like I´m back to square one again now! I have no idea where to start to sort out the problem the cl div (which is the offending one) is floated right. The only tools I have knowledge of are clear for this case. I will try clearing right and clearing left and clearing both and see what happens. The word Environment (under the 4th image) may be too wide, thus pushing out and dropping the float because there is not enough room for it. Clearing is not going to help. Reduce the font size slightly for all those h's under the images. And in the mark up the word Environment with soft hyphens, like so: Enshy;virshy;onshy;ment. This will cause the word to hyphenate when scaled in IE. See if the float still drops at text-size largest. ~d -- http://chelseacreekstudio.com/ What an awesome bit of code the soft hyphens David! Shame it only works with IE as it could sort out some of my breaking issues in FF!! ;) Stupid question while trying to follow your advice how can I change the h´s under the images if the h´s size isn´t controlled by my style sheet anymore with The AccessibilityCheck box that reads: ignore font sizes . I can change them fine for ff obviously but for IE how can I do that? Or do I need to use a default tag that will give me a default size? - Get the Yahoo! toolbar and be alerted to new email wherever you're surfing. - Pinpoint customers who are looking for what you sell. __ 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] IE divs drops and Vertically align text
In IE the right hand side where the text Fish Info and Do you have an account is, drops down. http://www.copywritecolombia.com/trial.html The text by the side of the arrows should be vertically aligned, how can I do that? Thank you __ 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] IE divs drops and Vertically align text
Thanks that works great. How do I align the text next to the arrow gifs (at the
moment they are not verticallyt centred). Thanks again
---
In IE the right hand side where the text Fish
Info and Do you have an
account is, drops down.
http://www.copywritecolombia.com/trial.html
The text by the side of the arrows should be
vertically aligned, how can I
do that? Thank you
Seemed to work for me:
#main{float:left:width:auto}
Correct that in your styling (just remove the width set).
--
-Jack Timmons
http://www.trotlc.com
Twitter: @jorachim
__
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-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] IE divs drops and Vertically align text
Thanks I added the class to the image and that seems to have vertically centred it, I think I am having a case of codeitis with this code!: div style=margin-top:10px; vertical-align:middle; a href=fish-autos.html class=entryCenter img src=images/button.gif alt=fish fish class=entryCenter fish fish/a /div --- On Tue, 2/24/09, Jack Timmons jorac...@gmail.com wrote: From: Jack Timmons jorac...@gmail.com Subject: Re: [css-d] IE divs drops and Vertically align text To: bayliss_tre...@yahoo.com, css-d@lists.css-discuss.org Date: Tuesday, February 24, 2009, 9:51 AM On Tue, Feb 24, 2009 at 11:44 AM, trevor bayliss bayliss_tre...@yahoo.comwrote: Thanks that works great. How do I align the text next to the arrow gifs (at the moment they are not verticallyt centred). Thanks again Add vertical-align:middle; to your styling for the anchor tags. -- -Jack Timmons http://www.trotlc.com Twitter: @jorachim __ 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] Options in a select
Hi all, I have a select box that is 150px but the options are larger than that. For design purposes I need to keep the size as 150px but the options I need to be bigger. How can I do that? Thank you __ 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] Shorten width
Hi all the green background on the right hand head is too wide as shown in this image: www.copywritecolombia.com/ie.gif The page is: http://www.copywritecolombia.com/test.php How can I make the green header on the right box less wide? Also how can I make the height of the left box the same as the right? Thank you __ 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] What can I do to improve this CSS?
Hi all, This is my latest attempt at css, the xhtml validates, I feel though that although it works fine it could be made a lot cleaner and maybe I am missing some important concepts: http://tinyurl.com/clg668 I would be very greatful if someone could have a look and advise me what to do, Thank you, Regards, Trev __ 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] What can I do to improve this CSS?
Thanks Gunlaug, Val and David really appreciated __ 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] Condensing BORDER-xxx-STYLE
How can I condense this CSS? Is it possible? thank you BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; __ 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] Condensing BORDER-xxx-STYLE
Thank you Brian, David, Marcio, Els and Val! I got rid of the uppercase letters in the css How do I do the same for border-top-width border-bottom-width would it be: border-width: Top Right Bottom Left? __ 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] Condensing BORDER-xxx-STYLE
--- On Sun, 4/12/09, David Laakso da...@chelseacreekstudio.com wrote: From: David Laakso da...@chelseacreekstudio.com Subject: Re: [css-d] Condensing BORDER-xxx-STYLE To: bayliss_tre...@yahoo.com Cc: css-d@lists.css-discuss.org Date: Sunday, April 12, 2009, 2:01 PM trevor bayliss wrote: Thank you Brian, David, Marcio, Els and Val! I got rid of the uppercase letters in the css How do I do the same for border-top-width border-bottom-width would it be: border-width: Top Right Bottom Left? Please read: http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/ Really interesting link thanks. Last question on the subject, is it impossible to condense this code? (As the borders are different I imagine it is) Thanks: BORDER-RIGHT: #333 0px solid; BORDER-TOP: #333 0px solid; BORDER-LEFT: #333 0px solid; BORDER-BOTTOM: #fff 5px solid; __ 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] Get rid of top space
I am trying to get rid of the space right at the top of the page but I can't seem to do it, what do I need to doo? Thank you http://tinyurl.com/clg668 __ 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] Get rid of top space
--- On Mon, 4/13/09, Brian Hazelton bdh_2...@comcast.net wrote:
From: Brian Hazelton bdh_2...@comcast.net
Subject: Re: [css-d] Get rid of top space
To: bayliss_tre...@yahoo.com
Cc: css-d@lists.css-discuss.org
Date: Monday, April 13, 2009, 1:54 PM
body margin and padding set to 0 and the first element set
to margin-top 0
Thanks Brian,
I think that is is already:
body {
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
color: #003300;
font: 80% Arial, Helvetica, sans-serif;
height: 100%;
text-align: center;
}
#wrapper {
padding: 0px 0px 10px 10px;
margin: 0px auto;
width: 730px;
background-color: #fff;
text-align: left;
}
#wrapperLogoNavigation {
padding: 0px;
margin: none;
background: #fff;
border-bottom: #fff 5px solid;
height: 65px;
text-align: right;
}
#wrapperLogoNavigation img{
float: left;
}
p{
padding: 0px 0px 0px 0px;
font-size: 100%;
margin: 0 0 1em;
line-height: 1.25pc;
}
__
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] Get rid of top space
Thanks Brian Elias and David David it only had one error which obviously happened between the last time I validated it- I have now sorted out margin: none instead of margin: 0px There are however some warnings there-important? Thanks __ 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] Height 100%
Hi all, I changed the height of the div #insidecentre to 100% instead of 535px as the fixed pixel height was making the text in the div overlap the footer. 100% works fine to sort out that problem but now the div is only as high as the text inside the div and when there is little text this means the div is too small (I would like it to be 535px). http://tinyurl.com/lch7u3 What is another css solution to this problem? Thank-you in advance __ 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] Height 100%
Thanks Divya I used min-height and it works well for IE 8 and FF. What is the workaround for IE6 please? Thank you --- On Sat, 6/20/09, Divya Manian divya.man...@gmail.com wrote: From: Divya Manian divya.man...@gmail.com Subject: Re: [css-d] Height 100% To: trevor bayliss bayliss_tre...@yahoo.com, css-d@lists.css-discuss.org Date: Saturday, June 20, 2009, 11:28 PM Hi Trevor On 6/20/09 11:18 PM, trevor bayliss bayliss_tre...@yahoo.com wrote: Hi all, I changed the height of the div #insidecentre to 100% instead of 535px as the fixed pixel height was making the text in the div overlap the footer. 100% works fine to sort out that problem but now the div is only as high as the text inside the div and when there is little text this means the div is too small (I would like it to be 535px). http://tinyurl.com/lch7u3 What is another css solution to this problem? Thank-you in advance You can set the min-height of the div to be 535px this means it will be minimum 535px and expand if the div has more text. For IE 6, you would have to set the div to be 535px as it does not understand min-height Regards, Divya -- I blog at http://nimbupani.com/blog __ 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-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] Height 100%
Thanks for the replies I did the following using conditional comments for IE6
directly in the css:
#insidecentre {
!--[if lt IE 7]
height: 592px;
![endif]--
min-height: 592px; display: block; border: 1px solid #ccc; width: 297px;
float:left;}
it doesn't seem to alter the height in FF and IE8. Where am I going wrong?
Cheers
--- On Sun, 6/21/09, Paul Farnell p...@salted.com wrote:
From: Paul Farnell p...@salted.com
Subject: Re: [css-d] Height 100%
To: trevor bayliss bayliss_tre...@yahoo.com
Cc: css-d@lists.css-discuss.org, Divya Manian divya.man...@gmail.com
Date: Sunday, June 21, 2009, 4:26 AM
On 21 Jun 2009, at 07:43, trevor
bayliss wrote:
Thanks Divya I used min-height and it works well for
IE 8 and FF. What is the workaround for IE6 please? Thank
you
Hi Trevor. For IE6 you can simply specify the height as
535px. It'll auto-expand to be larger than that if the
content requires it.
However, make sure you specify the height in a conditional
comment (or using an IE hack), since other browsers *will*
obey that rule and make it strictly 535px high and no more.
Paul
--Paul Farnell
http://litmusapp.com
__
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] Height 100%
trevor bayliss wrote:
Thanks for the replies I did the following using
conditional comments for IE6 directly in the css:
Cheers
The CC goes in the head of the document not on the CSS
file:
!--[if lt IE 7 ]
style
#insidecentre {height: 592px;}
/style
![endif]--
script type=text/JavaScript
src=js/photocindex.js/script
/head
Please bottom post.
Thanks David
__
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-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] Liquid div
Hi all On the leftcontent div on this page http://tinyurl.com/nvco2a I want to make the div liquid ie it expands when the text is enlarged. At the moment the map image overlaps the header in FF (mac). How can I do this? Thank you __ 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] Liquid div
Hi all On the leftcontent div on this page http://tinyurl.com/nvco2a I want to make the div liquid ie it expands when the text is enlarged. At the moment the map image overlaps the header in FF (mac). How can I do this? Thank you Can you be a little more specific? The leftcontent div on that page has a height assigned to it. Consequently, I can destroy your layout in any browser, including: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; en-US; rv:1.9.1) Gecko/20090616 Firefox/3.5. ~d Thanks David I changed the height to %. What do you suggest is the best css for the p leftcontent?-I have text there but it is not optimal? Thank you __ 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/
