[css-d] Inheritance Blocking with CSS
This is my first CSS post so apologies on any 'errors' re protocol. I have an unusual situation that I am trying to find a work around on. We use the FCKEditor to allow our users to generate HTML snippets that can be saved in a database, and then later these snippets are stitched together on and HTML page for display. FCKEditor allows you to use an 'internal' style sheet for items that are within the editor. We have set up a base style sheet to give our users a limited range. Now - our base template HTML pages use a style sheet (very complex one), and I am placing the gathered snippets within a DIV, that way it makes it easy to position the DIV on the page and set its width etc. My problem is this. The Editors Style sheet is different from our main templates one and anything that is displayed with the DIV is subject to interaction from the page in general Is there a way to set a style sheet in the DIV and have the DIV process anything that is within it using this style sheet REGARDLESS of what the Main page style sheet is set to. So as style sheets go - the DIV is totally separate from the page style. I know I could possibly do this as an IFrame but there are reasons that I would prefer not to do this. Although an IFrame would be totally independent of the parent page in regards to styles. Any suggestions are welcome. Many Thanks Dave Boccabella __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] page check - deader than hell
Hi folks - Could I get a quick page check on http://www.deaderthanhell.com/ Only one page up, but I floated a couple things and need to make sure it works - especially in Mac browsers. Thanks, Keith __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: Re: Site check [www.petus-bulgaria.org] - especially browsers on Mac
Hi,
I work on LCD monitor as well (17, 1280x1024), my preferred browser is Firefox,
but I tested also on Opera and IE 6 and I don't see any problems with the
'font-size: small' setting for the website?
Do you mean that this is very small size for Tahoma font?
But, you can resize font sizes in any browser, including Opera (and even in IE,
if you use relative font sizes as small, x-small, etc.)?
Anyway, this filter you mentioned is for older versions of Opera and also a good
thing to keep in the css, as IE 5.0/win needs ONE rule to ignore immediately
AFTER the [ voice-family: \}\; etc. ] filter
(http://archivist.incutio.com/viewlist/css-discuss/37121) - smth. which I
discovered this morning:)))
...Please, anyone, any feedback on some Mac-specific browser?
(www.petus-bulgaria.org)
:)))
Greets, Michel
===
quote
David Laakso wrote:
On Tue, 17 May 2005 11:15:13 -0400, Mikhail Bozgounov
[EMAIL PROTECTED] wrote:\
Hi to everyone on this great list!:)
The link: http://www.petus-bulgaria.org
Location of CSS file: http://petus-bulgaria.org/lib/css/all.css
Thanks ever so much for the link to the style sheet. When you're 68 and
your default browser is Opera and you have a 1280 optimal LCD monitor
you'll start looking at the style sheet before looking at the site and
when you see this:
htmlbody { /* Opera */
font-size: small;
}
you won't waste your time and just go on to other things, too.
David Laakso
/quote
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Advice Please
Hi I am having trouble putting a site together. I am trying to learn a new technique but I don't think I am fully understanding it! I have a simple two-column site. Left, is the nav which I want to run the whole left hand side of the site and stop at the footer. The right hand side, I want to contain, the header, content 1 and content 2 and then stop at the footer. I have completed a draft at: http://www.lamaison.org.uk/index2.html with the css at http://www.lamaison.org.uk/pages.css I cannot seem to get the header to only extend to the left column and not spill into it! Any ideas please? Thanks Rich __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advice Please
Hi All On 18 May 2005, at 12:41, Richard Brown wrote: css at http://www.lamaison.org.uk/pages.css Sorry it should have been http://www.lamaison.org.uk/pages2.css Thanks Rich __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Tabular tables broke in css div
donstrack wrote: I have hundreds of pages with tabular tables, and now that I have converted from table layout to two-column, header, footer css layout, they are all broke in IEWin. All is okay in Firefox, but the right content box gets split vertically to be below the left menu box when there is a tabular table in the content. What is an IE-only solution? Remove the left column from the flow, in IE only. That is: make it absolute positioned or use the removed float method with a 'too large negative backside margin'. That way IE won't see anything to adjust for, and will keep the table in place. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advice Please
Richard
Have a look at the changes made below, they get you close to where you
are going:
body {
margin-top: 5px;
padding: 0;
font-family: georgia, times, times new roman, serif;
color: #000;
background-color: #ddd;
}
#container {
width: 700px;
margin: auto;
background-color: #FFF;
background-image: url(images/menubkgd.jpg);
background-repeat: repeat-y;
border: 5px double #333;
}
#banner {
background-color: #e0;
float:right;
width:540px;
}
#banner h1 {
margin: 0;
padding: .5em;
}
#nav {
float: left;
width: 160px;
margin-left: 10px;
padding-top: 1em;
}
#nav p {
margin-top: 0;
}
#content {
padding-top: 1em;
margin: 0 10px 0 10px;
float:right;
width:520px;
}
#footer {
clear: both;
background-color: #cfcfc2;
padding: 1em;
text-align: right;
}
Richard Brown wrote:
Hi
I am having trouble putting a site together. I am trying to learn a
new technique but I don't think I am fully understanding it!
I have a simple two-column site. Left, is the nav which I want to run
the whole left hand side of the site and stop at the footer. The right
hand side, I want to contain, the header, content 1 and content 2 and
then stop at the footer. I have completed a draft at:
http://www.lamaison.org.uk/index2.html with the css at
http://www.lamaison.org.uk/pages.css
I cannot seem to get the header to only extend to the left column and
not spill into it! Any ideas please?
Thanks
Rich
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or
confidential and may not be forwarded or disclosed to any other party without
the permission of the sender. If you received this message in error, please
notify me immediately so that I can correct and delete the original email.
Thank you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advice Please
Hi Rich I think the CSS for your page is actually at: http://www.lamaison.org.uk/pages2.css If you put h1 within the content div, that will do the trick. It looks like you may not need the banner div at all, you could just style h1 directly in your stylesheet. Cheers Paul __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advice Please
Hi On 18 May 2005, at 13:05, Schalk Neethling wrote: Richard Have a look at the changes made below, they get you close to where you are going: That fixed it - thanks a lot. Rich __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Advice Please
Some more changes:
#banner {
background-color: #e0;
float:right;
width:530px;
}
#banner h1 {
margin: 0;
padding: .5em;
}
#nav {
float: left;
width: 160px;
margin:0;
margin-left: 10px;
padding:0;
padding-top: 1em;
}
AND
#content {
padding: 0 10px 0 10px;
padding-top: 1em;
float:right;
width:520px;
}
HTH!
Schalk Neethling wrote:
Richard
First two things I notice is that you do have a closing /body tag
but no opening body tag. Second, you wrap the site in a div called
'container' but there are no reference to this in your style sheet.
Also you wrap the nav in a nav div but in the stylesheet it is named
navcontainer.
These might be some areas to look at.
Richard Brown wrote:
Hi
I am having trouble putting a site together. I am trying to learn a
new technique but I don't think I am fully understanding it!
I have a simple two-column site. Left, is the nav which I want to run
the whole left hand side of the site and stop at the footer. The
right hand side, I want to contain, the header, content 1 and content
2 and then stop at the footer.
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or
confidential and may not be forwarded or disclosed to any other party without
the permission of the sender. If you received this message in error, please
notify me immediately so that I can correct and delete the original email.
Thank you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Win (2k?) IE 5+ odity
Hi, I posted this issue to another, broader scoped list (Webdesign-L) yesterday to try and get a handle on what my issue is and I believe it may be CSS related, so I thought I would seek help here as well. Overview: I ran a site I'm working on through BrowserCam and noticed that on Widows 2000 in IE 5.01-6.0 the floated sidebar on one of the pages [01] was missing from the captures. Before posting elsewhere, I believed this issue to be prevalent only in a 800x600 resolution, but it seems to be apparent at other resolutions as well, but only on the products page. The really odd thing is that the sidebar only drops on first load. If you refresh the page, everything seems to pop into place. I haven't been able to reproduce this under Windows XP, but I'm not ruling out the possibility that it does in fact occur... in fact, I think I would be better off it it is a Windows + IE problem rather than a Windows 2K + IE problem. I would appreciate any feedback, screen shots, or information on a known bug or error in my CSS [02] that might be causing this problem. I don't currently have Windows 2K installed, so I can't test more thoroughly myself, but I plan on booting a box up with it some time in the next day or two. I'd also like to know if this can be confirmed on a Windows XP box. [01] http://www.wateroutflashing.com/products.htm [02] http://www.wateroutflashing.com/css/wof.css Best regards, M. Wilson __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] selectors question
Philippe Wittenbergh wrote: I'm not sure if any browser supports E:empty decently. FF appears to, but for things with literally nothing inside, e.g. p/p. Perhaps also for just whitespace, but I'd need to check that. AFAIK that's what the spec says, which is a shame, because then you can't target text-only nodes. Anyway, that wouldn't work, as your selector is not empty, it does contain a node img src= / I'd be quite happy to just target the ones without a child node, but even text counts as not-empty. The only thing you possibly can do is tag links that contain images with a class, then a[href^=http://]:not([class=myclass]) Thanks, it is good to get a second opinion on something like this! What I've done for now is to use slightly different links: /outbound.php?url=[link] for one, and /outbound?url=[link] for ones without images. Then use: a[href^=/outbound.php] However, it might be tricky automatically applying that through the WYSIWYG editor I'm trying to configure for other editors of the site :( Kind regards, -Alastair -- Please refer to the following disclaimer for this message: http://www.nomensa.com/email-disclaimer.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Image map pop ups with css
Hi I have trawled through the list, and found reference to several css image map questions and solutions, but none of them really meet my needs, and I'm wondering if anyone can cast any light on a good method for producing an image map with rollovers which prompt text in a certain area of a page. I usually use CSS for creating pop ups (as in Eric Meyer's pure css pop ups), and am now needing to for an image map without javascript (I'm a javascript dummy and also would prefer to do it entirely in css if possible). I'm working on a real estate project and am producing a site map of lots available, so when someone hovers over a particular lot, they should see brief information about that lot (appearing in the same place on the page no matter which lot they are hovering over). If they click on the lot, it takes them to a different page. (Sorry I don't have a mock up page yet) Sounds simple enough, but I'm not sure how to apply a hover state to image map co-ordinates as they are an 'area' tag rather than an 'a' tag. I've read that whatever:hover may be the answer, but I'm not sure how to implement it. Any ideas would be gratefully appreciated. Vicky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image map pop ups with css
Hi Vicky, Try this ... http://www.alistapart.com/articles/imagemap/ Mike Vicky Etherington wrote: Hi I have trawled through the list, and found reference to several css image map questions and solutions, but none of them really meet my needs, and I'm wondering if anyone can cast any light on a good method for producing an image map with rollovers which prompt text in a certain area of a page. I usually use CSS for creating pop ups (as in Eric Meyer's pure css pop ups), and am now needing to for an image map without javascript (I'm a javascript dummy and also would prefer to do it entirely in css if possible). I'm working on a real estate project and am producing a site map of lots available, so when someone hovers over a particular lot, they should see brief information about that lot (appearing in the same place on the page no matter which lot they are hovering over). If they click on the lot, it takes them to a different page. (Sorry I don't have a mock up page yet) Sounds simple enough, but I'm not sure how to apply a hover state to image map co-ordinates as they are an 'area' tag rather than an 'a' tag. I've read that whatever:hover may be the answer, but I'm not sure how to implement it. Any ideas would be gratefully appreciated. Vicky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- _ CBJ Digital Ltd. http://www.cbjdigital.com/ _ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Win (2k?) IE 5+ odity
in fact, I think I would be better off it it is a Windows + IE problem rather than a Windows 2K + IE problem. I would appreciate any feedback, screen shots, or information on a known bug or error in my CSS [02] that might be causing this problem. I don't currently have Windows 2K installed, so I can't test more thoroughly myself, but I plan on booting a box up with it some time in the next day or two. I'd also like to know if this can be confirmed on a Windows XP box. [01] http://www.wateroutflashing.com/products.htm [02] http://www.wateroutflashing.com/css/wof.css Best regards, M. Wilson Confirmed - it does happen on Win XP Pro IE 6.0 - but only at browser-window sizes of 800 and lower and even clearing the cache, it doesn't seem to happen again. Keith __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [practices] Re: [css-d] unreadable source
I use the scrap book extension in FF for saving webpages to inspect their code each day. You are right, though I don't know what you mean by the scrapbook extension. The choices I had for saving in FF were 'web page complete', web page HTML only', and 'text.' When I saved it as html in FF I was able to read it successfully in Homesite. Interesting, because the original save I had problems with was done in Mozilla. I thought FF and Mozilla were closely related. Does anyone know if they share a lot of code or is FF a completely new browser? I don't like it that FF tries to save using the title instead of the original filename. I have to type in a more reasonable filename. Linda Hobbet __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: Mac site check
Hi, Rhett! First, let me thank you for the site check of www.petus-bulgaria.org on your Apple Mac! :-))) I am glad that I managed somehow to bring the design to be decent on Mac browsers, too ( I am not sure, how, but... ;-) As to the slow loading times in specific browsers - maybe this is due to some network problems - here the site loads equally fast in all of my browser versions:) Concerning the bilingual option - I have two versions of the website, one in each language, and on every page I include a header, footer and a dynamic right navigation; I include these files automatically, based on a variable called $pageLANG (for ex., if $pageLANG=EN then load English version of the three included files). There's nothing special about the way I do it, but as it's strictly PHP-related question, just contact me off-list on my email, if you're interested in the way I implemented this feature, and I'll write you with more detail:))) And the nav highlite everywhere is done using a mix of the Keeping Navigation Current With PHP (http://www.alistapart.com/articles/keepingcurrent/) and some invention of mine (as I have TWO-level nav on the site). Thanks again and have a nice day! Now I can sleep peacefully, knowing my last project works OK on Mac browsers, too :-P Michel, Webdesigner freelancer [ future online home at www.lelion.info :-) ] QUOTE rhett crowe wrote: Hi Michel, I checked the site on FF 1.0.4, Safari 1.0, IE 5.2, and Netscape 7.2. It looks great in all of them, but the load times are really slow in Netscape and Safari. Congratulations on getting it right in IE - it is such a pain! Can I ask you something? How do you manage the backend for the 2 languages? Do you just make 2 pages, one in each language, and then hard code the link to it? I have a small bilingual site and that is how I did it, but it seemed there was a better way. Thanks, and a very nice site! Rhett /QUOTE __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inheritance Blocking with CSS
David Boccabella wrote:
This is my first CSS post so apologies on any 'errors' re protocol.
Didn't see any, but our list policies and wiki are always there to guide
you should you have questions about using the list. Or you can always
email [EMAIL PROTECTED] if you want to make sure
something is kosher.
http://www.css-discuss.org/policies.html
http://css-discuss.incutio.com/
http://css-discuss.incutio.com/?page=PostingGuidelines
Now - our base template HTML pages use a style sheet (very complex one),
and I am placing the gathered snippets within a DIV, that way it makes
it easy to position the DIV on the page and set its width etc.
My problem is this.
The Editors Style sheet is different from our main templates one and
anything that is displayed with the DIV is subject to interaction from
the page in general
Is there a way to set a style sheet in the DIV and have the DIV process
anything that is within it using this style sheet REGARDLESS of what the
Main page style sheet is set to.
So as style sheets go - the DIV is totally separate from the page style.
The only way you can do this is if you create descendant selectors for
the div that override all the main styles. Something like this:
h3 {
color: #666;
}
#specialdiv h3 {
color: #333;
}
Zoe
--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] aligning li items
Greetings.
We've got a requirement to align some li items.
The list items are basically expaining acronyms.
ABC- Alpha Beta Charlie
DFQG - Delta Fox Quarrel Gamma
However the alignment requirement is such that the acronym
explanations are all lined up at the dashes.
I've thought of structuring the html like this:
lispanABC/span- Alpha.../li
lispanDFQG/span- DFQG.../li
then adding the following style
li span {
width: 200px;
}
but this doesn't give me a 'default' box area to keep the acronyms in.
Any suggestions? I've looked at list-o-matic and I don't see
anything that does this.
thanks,
--
Keith Sader
[EMAIL PROTECTED]
http://www.saderfamily.org/roller/page/ksader
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE won't float
Hi list, I'm having a problem in IE, on a page I'm developing. You can check the page here : http://work.grillo.tk/elementn/009/media-centre.html In the main content area, the content should be on the right (floated) and the menu on the left. It works 100% in firefox, but not in IE, and I can't figure out why. Can anyone share some light on the problem, pretty please ? I'm really clueless here. TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning li items
Keith
Give this a try:
ul
lispan class=acronymABC/spanspan class=acr-explain-
Alpha Beta Charlie/span/li
lispan class=acronymABC/spanspan class=acr-explain-
Alpha Beta Charlie/span/li
/ul
Then your styles:
.acronym {
width:200px;
}
.acr-explain {
width:400px;
text-align:left;
}
Let me know if this helps.
.
Keith Sader wrote:
Greetings.
We've got a requirement to align some li items.
The list items are basically expaining acronyms.
ABC- Alpha Beta Charlie
DFQG - Delta Fox Quarrel Gamma
However the alignment requirement is such that the acronym
explanations are all lined up at the dashes.
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or
confidential and may not be forwarded or disclosed to any other party without
the permission of the sender. If you received this message in error, please
notify me immediately so that I can correct and delete the original email.
Thank you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Inheritance Blocking with CSS
Zoe M. Gillenwater wrote:
The Editors Style sheet is different from our main templates one and
anything that is displayed with the DIV is subject to interaction from
the page in general
Is there a way to set a style sheet in the DIV and have the DIV process
anything that is within it using this style sheet REGARDLESS of what the
Main page style sheet is set to.
So as style sheets go - the DIV is totally separate from the page style.
The only way you can do this is if you create descendant selectors
for the div that override all the main styles. Something like this:
h3 {
color: #666;
}
#specialdiv h3 {
color: #333;
}
But note that this does require you to know about all the styles you
want to override. There is no way to start from scratch with an
included DIV. The stylesheets will all apply to the entire page,
unless you use some sort of framing. I'm not too familiar with
frames, personally, but there are plenty of resources out there that
could tell you more.
If you do know all the styles ahead of time, you can keep the
special stylesheet as a separate file you import after the main
sheet. That way if you apply changes to either side, you can locate
what you need to change on the other side much more easily.
Good luck,
--
-Adam Kuehn
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning li items
Thanks to everyone who has replied so far.
I tried Schalk's suggestion and it didn't work, the Acronyms and
definitions didn't separate.
We are using the transitional 4.01 HTML - would this affect the
browser's styling?
thanks,
On 5/18/05, Schalk Neethling [EMAIL PROTECTED] wrote:
Keith
Give this a try:
ul
lispan class=acronymABC/spanspan class=acr-explain-
Alpha Beta Charlie/span/li
lispan class=acronymABC/spanspan class=acr-explain-
Alpha Beta Charlie/span/li
/ul
Then your styles:
.acronym {
width:200px;
}
.acr-explain {
width:400px;
text-align:left;
}
Let me know if this helps.
.
Keith Sader wrote:
Greetings.
We've got a requirement to align some li items.
The list items are basically expaining acronyms.
ABC- Alpha Beta Charlie
DFQG - Delta Fox Quarrel Gamma
However the alignment requirement is such that the acronym
explanations are all lined up at the dashes.
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or
confidential and may not be forwarded or disclosed to any other party without
the permission of the sender. If you received this message in error, please
notify me immediately so that I can correct and delete the original email.
Thank you.
--
Keith Sader
[EMAIL PROTECTED]
http://www.saderfamily.org/roller/page/ksader
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] float with negative margin
I have a 3-col layout with the left and right columns floated. What I'm trying to do is to float-right an item that's in the center column so that it actually displays in the right-floated column. This works using negative right margin on the floated item except that the size of the negative right margin is different between mozilla an IE. http://niof.net/tmnc/lawards.php Near the bottom of the page is what I'm talking about. Using -13em works perfectly on mozilla but shoves it off the screen on IE. Using -6.5em works perfectly in IE but is too far left in mozilla. (Hmmm. 2*6.5=13 -- is that a clue?) How do I get it to work in both browsers? -- The way I see it, if you want rainbow, you gotta put up with the rain. -- Dolly Parton Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't float
Marcelo Wolfgang wrote:
http://work.grillo.tk/elementn/009/media-centre.html
In the main content area, the content should be on the right
(floated) and the menu on the left. It works 100% in firefox, but not
in IE, and I can't figure out why.
Can anyone share some light on the problem, pretty please ? I'm
really clueless here.
.itens{display: inline;}
...will fix IE's 'margin doubling bug'.
What happens is that 83px as left margin is rendered as a 166px (double
width) margin in IE. It's an old bug and the fix is quite reliable.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Re: Re: Site check [www.petus-bulgaria.org] - especially browsers on Mac
On Wed, 18 May 2005 04:01:52 -0400, Mikhail Bozgounov
[EMAIL PROTECTED] wrote:
I work on LCD monitor as well (17, 1280x1024),
Then this addition may help the page shift:
html {min-height: 100%;margin-bottom: 1px;}
my preferred browser is Firefox, but I tested also on Opera and IE 6 and
I don't see any problems with the 'font-size: small' setting for the
website?
As long as *you* don't see a problem that's all that counts. Or is it?
Do you mean that this is very small size for Tahoma font?
I mean I don't like control freaks.
But, you can resize font sizes in any browser, including Opera (and even
in IE, if you use relative font sizes as small, x-small, etc.)?
My user style sheet overrides your attempt to take over control my machine
and what's best for *me.*
Anyway, this filter you mentioned is for older versions of Opera and
also a good thing to keep in the css, as IE 5.0/win needs ONE rule to
ignore immediately AFTER the [ voice-family: \}\; etc. ] filter
(http://archivist.incutio.com/viewlist/css-discuss/37121) - smth. which
Sounds like one of the alternative methods to voice-family might be a
better solution?
(www.petus-bulgaria.org)
Greets, Michel
Regards,
David
--
http://www.dlaakso.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float with negative margin
On Wed, May 18, 2005 at 12:37:40PM -0400, Rick Pasotto wrote: I have a 3-col layout with the left and right columns floated. What I'm trying to do is to float-right an item that's in the center column so that it actually displays in the right-floated column. This works using negative right margin on the floated item except that the size of the negative right margin is different between mozilla an IE. http://niof.net/tmnc/lawards.php Near the bottom of the page is what I'm talking about. Using -13em works perfectly on mozilla but shoves it off the screen on IE. Using -6.5em works perfectly in IE but is too far left in mozilla. (Hmmm. 2*6.5=13 -- is that a clue?) How do I get it to work in both browsers? As soon as my post appeared I saw the answer (sort of) in another post. Setting display:inline *almost* fixes it. IE still isn't exact but it's now close enough. -- Beauty is the purgation of superfluities. -Michelangelo Buonarroti, sculptor, painter, architect, and poet (1475-1564) Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning li items
Keith
If Justin's does not do the trick try to float the acronym div left and
the other right.
Then your styles:
.acronym {
float:left;
width:200px;
}
.acr-explain {
float:right;
width:400px;
text-align:left;
}
Justin Reid wrote:
Keith:
li span {
width: 200px;
}
but this doesn't give me a 'default' box area to keep the acronyms in.
Any suggestions?
Have you also tried making the span block level in that scenario?
-Justin Reid
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]
We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/
This message contains information that is considered to be sensitive or
confidential and may not be forwarded or disclosed to any other party without
the permission of the sender. If you received this message in error, please
notify me immediately so that I can correct and delete the original email.
Thank you.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't float
Hi Georg,
Thank you very much that almost made it work 100%, now the menu
corretcly floats, but it is bottom-aligned you can see it at the same
adress:
http://work.grillo.tk/elementn/009/media-centre.html
Any clues ?
Grillo
On 5/18/05, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Marcelo Wolfgang wrote:
http://work.grillo.tk/elementn/009/media-centre.html
In the main content area, the content should be on the right
(floated) and the menu on the left. It works 100% in firefox, but not
in IE, and I can't figure out why.
Can anyone share some light on the problem, pretty please ? I'm
really clueless here.
.itens{display: inline;}
...will fix IE's 'margin doubling bug'.
What happens is that 83px as left margin is rendered as a 166px (double
width) margin in IE. It's an old bug and the fix is quite reliable.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Tab style horizontal menu for Mac IE5
Hi all, I¹m looking for a menu like the one in this ³alistapart² article: http://www.alistapart.com/d/hybrid/hybrid-4.html ,but one that¹ll work in Mac IE5. I know it's becoming fashionable to drop support for this browser but the client demands it. The only one I've found so far that gives me a similar effect (and that works in Mac IE5) is the one from Project Seven: http://www.projectseven.com/products/menusystems/mm2/demo/pages/hbasic.htm but looking at the code there's a lot of inline styling going on and if you disable the styles it doesn't degrade to a list of links. Does anyone have any suggestions? (remember: it has to work in MAC IE5) Thanks in advance, Erwin Heiser __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Inheritance Blocking with CSS
Is there a way to set a style sheet in the DIV and have the DIV process anything that is within it using this style sheet REGARDLESS of what the Main page style sheet is set to. So as style sheets go - the DIV is totally separate from the page style. The problem here is that if such a method existed (which, as far as I know, does not), it would firstly destroy the concept of the cascade from which CSS is named, and also you wouldn't inherit the browser's default styles, such as divs being display:block. The only way I can think of is to anticipate every possible property that could be changed in your main stylesheet, and set it manually for the div like Zoe said - but this adds a lot of code overhead to your page, and isn't 100% foolproof. - Leszek [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] testing NS
Just seeing if I can post to the list. Last 2 post have not shone up. Sarah __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS to format table for printing
I have a table that is 5 rows by 7 columns. I want a user to be able to print it off so it fills up a 8.5x11(horizontal) sheet of paper. how exactly do I do this? do I have the table set in a div and then set the div width and height? and what would I set it at? can you use inches or would it be in px? and then could you specify the output dpi? Sarah __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check [www.petus-bulgaria.org] - Mac-- captures
On Tue, 17 May 2005 11:15:13 -0400, Mikhail Bozgounov [EMAIL PROTECTED] wrote: Hi to everyone on this great list!:) I just launched new website. It has versions in two languages (incl. English - link is at the top right). The link: http://www.petus-bulgaria.org These Mac captures look good. http://www.browsercam.com/public.aspx?proj_id=163989 Sincerely, Michel Regards, David Laakso __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] parse error
Does anyone have a clue about why I am getting a parse error on this page? http://www.addison-homes.com/error.php It appears to work fine is if I put this on top: ?php echo ?xml version=\1.0\ encoding=\iso-8859-1\?.; ? instead of: ?xml version=1.0 encoding=iso-8859-1? Here is what the page is supposed to look like: http://www.addison-homes.com/aboutus.php However, people are telling me the pages are taking a while to open (which leads me to believe the page is looking for a file it can't find and not the attached stylesheet that doesn't exist!) Slow opening Happens on all page of the site: http://www.addison-homes.com Pages validate... Help... TIA Judy Benedict -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.12 - Release Date: 5/17/2005 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] aligning li items
Keith,
Do you have to use li? It makes more sense to use dl, something like
this:
style
dl { width: 440px; }
dt { float: left; width: 100px; text-align: right; clear: both; }
dd { float: right; width: 300px }
/style
dl
dtterm 1 -/dt
ddTerm 1 is the very first term in the list. /dd
dtterm 2 -/dt
ddTerm 2 is the second term in this definition list./dd
dtterm 3 -/dt
ddTerm 3 is the third term in this fairly long definition
list. /dd
/dl
-Nigel
-Original Message-
From: Keith Sader [mailto:[EMAIL PROTECTED]
Sent: Wednesday, May 18, 2005 11:08 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] aligning li items
Greetings.
We've got a requirement to align some li items.
The list items are basically expaining acronyms.
ABC- Alpha Beta Charlie
DFQG - Delta Fox Quarrel Gamma
However the alignment requirement is such that the acronym explanations
are all lined up at the dashes.
I've thought of structuring the html like this:
lispanABC/span- Alpha.../li
lispanDFQG/span- DFQG.../li
then adding the following style
li span {
width: 200px;
}
but this doesn't give me a 'default' box area to keep the acronyms in.
Any suggestions? I've looked at list-o-matic and I don't see anything
that does this.
thanks,
--
Keith Sader
[EMAIL PROTECTED]
http://www.saderfamily.org/roller/page/ksader
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [OT] [css-d] parse error
Judy Benedict wrote: Does anyone have a clue about why I am getting a parse error on this page? http://www.addison-homes.com/error.php It appears to work fine is if I put this on top: ?php echo ?xml version=\1.0\ encoding=\iso-8859-1\?.; ? instead of: ?xml version=1.0 encoding=iso-8859-1? This is a php question, not a CSS question. Thus i've marked it as OT. further php and other non-css questions should be addressed to a different list (or to me personally, and i'll try to help) try this: ?php $charset = iso-8859-1; $mime = text/html; $prolog_type = ?xml version='1.0' encoding='$charset' ? !DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd' html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'; header(Content-Type: $mime;charset=$charset); header(Vary: Accept); print $prolog_type; ? feel free to change the doctype to suit your needs. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Getting footer at the bottom
Hi all, I am getting a little clueless here, been online too long today :) Why won't my footer sit at the bottom of my page? It happens when main content is shorter than sidebar content. Here is my site: http://www.elyonline.co.uk/ and here is the css: http://phpfi.com/62394 Any suggestions? I will be in your debt :) Thanks Karl __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Specifying a width for list items
I'm working on a new project and the horizontal navigation is a
pretty strict size - each item should be about 88px wide so that the
navigation fills the width of the page. I thought using a list would
work but I can't figure out how to specify the width for list items
and I'm hoping someone can shed some light on the subject for me.
HTML
div id=mainnav
ul
lia href=# title=titlemain/a/li
lia href=# title=titlenavigation/a/li
lia href=# title=titlelinks/a/li
/ul
/div
CSS
#mainnav ul {
margin: 1.2em auto;
padding: 0;
font: 1.3em/1em Lucida Grande, Lucida Sans Unicode, geneva,
verdana, sans-serif;
text-align: center;
}
#mainnav li a:link, #mainnav li a:visited {
margin: 0 0.35em 0 0;
padding: 0.65em 1.75em;
color: #FFF;
text-align: center;
display: inline;
text-decoration: none;
background-color: #000;
}
#mainnav li {
width: 88px;
padding: 0;
display: inline;
border: 1px dashed #f00;
}
#mainnav li a:hover {
background-color: #558EB6;
}
Mike Stickel
Screenflicker Developments
www.screenflicker.com
p: 403-923-7667
e: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help with a menu
Hi All Could anybody, please explain to me why I have a box to the left of the menu on the following site: http://www.swmug.co.uk/ http://www.swmug.co.uk/styles/pages.css Thanks Rich __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float with negative margin
Rick Pasotto wrote: http://niof.net/tmnc/lawards.php Near the bottom of the page is what I'm talking about. Using -13em works perfectly on mozilla but shoves it off the screen on IE. Using -6.5em works perfectly in IE but is too far left in mozilla. (Hmmm. 2*6.5=13 -- is that a clue?) How do I get it to work in both browsers? As soon as my post appeared I saw the answer (sort of) in another post. Setting display:inline *almost* fixes it. IE still isn't exact but it's now close enough. If you want it closer to the exact point -- cross-browser, you may want to test out a few things. - If the column you pull a float out of is given HasLayout in IE, then the float-positioning will be affected. Generally: HasLayout makes it more unstable. - It is possible to strengthen a pull with negative margin on the right side, with a pushing positive margin on the left side of the right-positioned float. - EM's are not calculated identical in IE and FF, so some variations may appear. Alternative values for IE may fix that. If at all possible; use px for this type of positioning, since that's more cross-browser reliable. - There's a lot of instability in IE when it comes to this type of floating. Sometimes it may be better to absolute-position such a pull-out, in IE only. Depends on the surroundings (overlapping and so on). IE is stable with AP. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE won't float
Hmmm, The menu it's at it's right place now, I think that was a cache problem or something like that with IE When I went to another page and come back the menu was at the correct place. Thanks Gunlaug for catching the error; []´s GriLLo On 5/18/05, Marcelo Wolfgang [EMAIL PROTECTED] wrote: I think you cought me the exact moment I was uploading the corrected web page. It's there now :) http://work.grillo.tk/elementn/009/media-centre.html []´s Grillo On 5/18/05, ilduca69 [EMAIL PROTECTED] wrote: Il giorno 18/mag/05, alle 19:34, Marcelo Wolfgang ha scritto: Hi Georg, Thank you very much that almost made it work 100%, now the menu corretcly floats, but it is bottom-aligned you can see it at the same adress: http://work.grillo.tk/elementn/009/media-centre.html Any clues ? Grillo Error 404.. Instant Messenger AIM/iChat: ilduca69 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with a menu
Add -30px to the fourth line in this class:
#navlist {
width: 7em;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0 0 0 -30px;
padding: 0;
border-top: 1px #000 solid;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
}
Richard Brown wrote:
Hi All
Could anybody, please explain to me why I have a box to the left of the
menu on the following site:
http://www.swmug.co.uk/
http://www.swmug.co.uk/styles/pages.css
Thanks
Rich
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] new to list- Newbie needs advice
Hello- I'm new to the list and very much a newbie to the fab world of CSS. I am currently on working on a blog for a client who desires an upside down L-shaped pane as the main content area. The web designer has been unable to do this with Tables ( i KNOW-ugh), and I'm aware that by using floats this design can be created in CSS. Trouble is, I really have no idea how to begin! Can anyone point me to a good tutorial/primer on doing this, or maybe even a template for this? Please respond off-list TIA! -- Cheers- +'*'+..+'*'+..+'*'+..+'*'+. .+'*'+. Dida Kutz candidakutz.typepad.com www.BluePlanetDivers.org '+.,.+''+.,.+' '+.,.+' '+.,.+' __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Line space
Some members have frowned on my use of the BR tag to create the desirable line spaces Sometimes one, sometimes two, or possibly three line spaces are desired. Simple question: What is a better way to accomplish this other than, br /br /,br / Thanks for your input. Arnie Shafer Please visit the Shafer Family Web site at: http://abshafer.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Line space
Arnie Shafer wrote:
Some members have frowned on my use of the BR tag to create the desirable
line spaces Sometimes one, sometimes two, or possibly three line spaces are desired.
Simple question: What is a better way to accomplish this other than, br /br /,br / Thanks for your input.
I would maybe make a special class for margins
html:
p class=bottom3orwhatevertext and stuff that you want an extra space
after/p
pnext paragraph of text with no special spacing maybe?/p
alternative could be to apply that to one br class=bottom3orwhatever
/ but I'd probably just do the paragraph tags.
css:
.bottom3orwhatever {
margin-bottom: 30px; /*adjust according to the spacing desired of
course */
}
Arnie Shafer
Please visit the Shafer Family Web site at:
http://abshafer.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Specifying a width for list items
you can't give a width to an inline element like an a. Turn your
as into block elements using
a {
display:block;
width:auto;
}
li {
width:88px
}
that should do the trick
On 5/19/05, Mike Stickel [EMAIL PROTECTED] wrote:
I'm working on a new project and the horizontal navigation is a
pretty strict size - each item should be about 88px wide so that the
navigation fills the width of the page. I thought using a list would
work but I can't figure out how to specify the width for list items
and I'm hoping someone can shed some light on the subject for me.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] CSS to format table for printing
I have successfully used inches to size printed output in my print style
sheet.
If the requirement is as simple as it sounds, you can size the table itself:
style
table {border: 1px solid black;
width: 7.5in;
height: 10in;
margin: .5in;
}
td {border: 1px solid black;}
/style
I have successfully used inches to size printed output in my print style
sheet.
---
Quilting and Whatnot: http://www.quiltingwhatnot.com/
Patterns, tips, techniques.
Original Message Follows
From: Sarah Atkinson [EMAIL PROTECTED]
I have a table that is 5 rows by 7 columns. I want a user to be able to
print it off so it fills up a 8.5x11(horizontal) sheet of paper. how exactly
do I do this? do I have the table set in a div and then set the div width
and height? and what would I set it at? can you use inches or would it be in
px? and then could you specify the output dpi?
Sarah
__
_
Scan and help eliminate destructive viruses from your inbound and outbound
e-mail and attachments.
http://join.msn.com/?pgmarket=en-capage=byoa/premxAPID=1994DI=1034SU=http://hotmail.com/encaHL=Market_MSNIS_Taglines
Start enjoying all the benefits of MSN® Premium right now and get the
first two months FREE*.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Position:relative jump
On my site, http://leszek.swirski.co.uk/, I made a page to tabularise linear equations and perform the simplex algorithm upon them (hopefully there's at a few mathematicians here who understood that). Anyway, my problem is that I need to use subscripts for the header row. I tried the sub tag, but that resulted in the non-subscript letters being misaligned. So, I overrode to vertical-align in the CSS, and changed it to position:relative. Here is where the strangeness started. On IE (I haven't checked Mozilla yet), while the page loads, the subscripts are about an inch away from where they should be. When they finish loading, they jump to their correct place. Could anyone help me understand what this is? HTML: http://leszek.swirski.co.uk/maths/simplex You need to stick an inequality in there, e.g. P y to see the subscripts CSS:http://leszek.swirski.co.uk/styles/screen/base.css http://leszek.swirski.co.uk/styles/screen/hacks.css http://leszek.swirski.co.uk/styles/screen/colour.css (All three are imported by another stylesheet) Thanks in advance to anyone who can help (or even just looks at it) - Leszek [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check: especially Macs please
Hi Justin, I took a quick look at your page on FF, IE and Safari on Mac 10.4. The footer is consistent in all three so I guess it's not supposed to be centered. The copyright is on the right, the links are on the left. The only thing I noticed was the hover nav isn't working in IE. As far as the color goes, I would probably use some programatic way to determine if the subnav was visible and assign a color to the hrefs, if so. Not sure how you're implementing the site, but there are a few ways to do that. Perhaps someone else would have a CSS only suggestion? Can't think of one... As far as the layout goes, it holds. All the best, Diona On May 9, 2005, at 1:49 PM, Justin wrote: Hello List, I am working on a site that combines a lot of new stuff for me, especially the drop-menus (thanks Eric), a image-replacement method for the logo, and an almost* completely table-free layout. I am working on a PC and at the moment don't have a Mac to test the layout. I haven't used any box-model hacks, so I'm interested to see how it looks on a Mac. Also please check that the drop menus work correctly. I would love to be able to change the text color on li:hover and keep it changed as you roll on to the sub-menu. I can change the background color, but I can't figure out if it's possible to only change the text color. http://www.nform.net/test *I have used one table to display a 3 column bordered section. I understand the use of background images to give the illusion of equal heights across floated divs, but I couldn't figure out how to add borders around all three. I finally gave up after spending hours trying to figure out what I could do in 10 minutes with a table. Any suggestions for this section are welcome. Thank you. Just lurking on this list has been invaluable to me over the past several months. Justin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Line space
Thanks to both Jacks. Good idea. Will do! Arnie
- Original Message -
From: Jack Keller [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Wednesday, May 18, 2005 5:31 PM
Subject: Re: [css-d] Line space
Arnie Shafer wrote:
Some members have frowned on my use of the BR tag to create the
desirable line spaces Sometimes one, sometimes two, or possibly three
line spaces are desired.
Simple question: What is a better way to accomplish this other than, br
/br /,br / Thanks for your input.
I would maybe make a special class for margins
html:
p class=bottom3orwhatevertext and stuff that you want an extra space
after/p
pnext paragraph of text with no special spacing maybe?/p
alternative could be to apply that to one br class=bottom3orwhatever /
but I'd probably just do the paragraph tags.
css:
.bottom3orwhatever {
margin-bottom: 30px; /*adjust according to the spacing desired of
course */
}
Arnie Shafer
Please visit the Shafer Family Web site at:
http://abshafer.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] fine tuning help
Hi, I have this site that I've got working. I have two little niggling details that perhaps you can help me solve. My template page is http://corp.webmachineinc.sytes.net/index2.html. The first is that using the menu I found on alistapart.com, I cant seem to get images to work on the li driven list menu instead of the bullets. Hopefully this is clear. The culprit seems to be that in order to get the hilight to work properly, you have to set the li a items as inline. but then the bullet gets its own line which kind of makes sense. The best workaround I've found is to actually include the bullet image in the html which is obviously RONG! The second item is that I would like to have the page I'm on in the menu as hilited in the menu but for the life of me I cant figure out how to get a selector to work on it. Anybody done this? Drat, a third one. on ie 5.1 on a mac, the content seems to want to jump to the right. Is there a fix for this? Thanks in advance to anyone helping and have great day! -- DRE www.webmachineinc.com www.theanticool.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] aligning li items
-Original Message- From: Keith Sader We've got a requirement to align some li items. The list items are basically expaining acronyms. ABC- Alpha Beta Charlie DFQG - Delta Fox Quarrel Gamma Surely this is the job of the Definition List [dl] It uses two components, the [dt] Deefinition Term and the [dd] Definition Definition. You could style the list and items to suit your formatting requirements. -- Peter Williams __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Specifying a width for list items
Maybe I'm not fully understanding the comment but I'm not using images for the menu, just boxes of text. I'll probably go the float route until I have more time to fool around with different methods. On May 18, 2005, at 6:23 PM, Lorin Rivers wrote: On May 18, 2005, at 5:36 PM, Mike Stickel wrote: Thanks Jack. That makes sense and something I should have realized. Now, with the changes made to reflect the suggestion below, each list item is extending across the entire width of the parent block in a vertical order. By adding a float: left rule to the list item I can get the effect I'm going for. Of course, then I have to deal with the floating issues so I'm wondering if there is another way around using a float to achieve the same effect. Couldn't you now use absolute positioning? That's what I do when using image-based ul menus. Mike Stickel Screenflicker Developments www.screenflicker.com p: 403-923-7667 e: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] aligning li items
Thanks to everyone on the list for your help, turns out the biz didn't want that at all. We wound up doing something else - go figure :-\ thanks again! On 5/18/05, Peter Williams [EMAIL PROTECTED] wrote: -Original Message- From: Keith Sader We've got a requirement to align some li items. The list items are basically expaining acronyms. ABC- Alpha Beta Charlie DFQG - Delta Fox Quarrel Gamma Surely this is the job of the Definition List [dl] It uses two components, the [dt] Deefinition Term and the [dd] Definition Definition. You could style the list and items to suit your formatting requirements. -- Peter Williams -- Keith Sader [EMAIL PROTECTED] http://www.saderfamily.org/roller/page/ksader __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help with a menu
From: Richard Brown [EMAIL PROTECTED] Any ideas anyone? Could anybody, please explain to me why I have a box to the left of the menu on the following site: http://www.swmug.co.uk/ http://www.swmug.co.uk/styles/pages.css start with #navcontainer - float: left; #navlist gets - margin: 0 auto; the UL with class=catclass - padding: 0; I think those changes might get you on the right track. hth, ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
