Re: [css-d] Trying to override site style sheet with inline CSS?
On 10/9/2011 10:21 PM, Jukka K. Korpela wrote: 10.10.2011 5:57, Keith Purtell wrote: Here'a a direct link... http://tahlequahnow.com/story.php?id=568 Didn't you get my message that I sent to the list? (Sen Sun, 09 Oct 2011 13:20:32 +0300) You have the HTML attribute name style misspelled as stye. Jukka: Apologies; I've once again overlooked something important while juggling multiple projects. - K __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to override site style sheet with inline CSS?
9.10.2011 2:03, Mark Henderson wrote:
Keith Purtell wrote:
But one item defies all efforts. For some reason, hiss CSS for general
text content is set up with a 1cm indent, which looks pretty ugly.
I've been tolerating it with paragraphs, but it also kicks in whenever
I try to add a list, which is uglier yet (screen capture:
http://www.keithpurtell.com/kthings/gaps.jpg). I tried inserting
inline CSS of text-indent:0 in both the ol and the lis but it
didn't have any effect. What to do to banish this monster?
A screen shot for code debugging just isn't going to cut it I'm afraid.
Help yourself by helping us and provide a public clickable link or your
own simplified test case of the problem,
That's very good advice. It's often crucial to post a URL early, partly
because people who might be able to help may lose interest when reading
through discussions that aren't particularly useful, due to lack of
sufficient data.
In this specific case, I was able to track down the problem with my
advanced ESP, though Google helped a little. :-) I'm pretty sure the URL
(or at least _a_ relevant URL) is
http://tahlequahnow.com/story.php?id=568
and I'm sure there's the problem there that the attribute name style has
been misspelled as stye (so browsers just ignore the attributes).
Setting text-indent: 0 in style attributes overrides the overall
settings, but there are simpler ways, such as putting
li { text-indent: 0; }
inside a style element. This should suffice, since currently the li
elements have no text-indent explicitly set, they just inherit it from
div.newsitem. (And any explicit setting, no matter how weak
cascade-wise, breaks inheritance.)
There might be a problem, though. Although a text-indent of 1cm is not
particularly suitable for list items, it helps to visually separate the
items from each other. If you remove that, I would consider setting,
say, a bottom margin of 0.3em for li elements, or something similar (in
cases like this, where list items may span several lines).
--
Yucca, http://www.cs.tut.fi/~jkorpela/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to override site style sheet with inline CSS?
- Original Message
From: Keith Purtell keithpurt...@keithpurtell.com
To: css discuss css-d@lists.css-discuss.org
Sent: Sat, October 8, 2011 3:23:46 PM
Subject: [css-d] Trying to override site style sheet with inline CSS?
I've taken on a project supplying content for an online new source. The problem
is that the guy who set it up did a pretty good job with the PHP (and most the
HTML and CSS) that allows me to use password-protected forms to upload articles
and photos. I can also tweak some of my content occasionally by using inline
CSS.
But one item defies all efforts. For some reason, hiss CSS for general text
content is set up with a 1cm indent, which looks pretty ugly. I've been
tolerating it with paragraphs, but it also kicks in whenever I try to add a
list, which is uglier yet (screen capture:
http://www.keithpurtell.com/kthings/gaps.jpg). I tried inserting inline CSS of
text-indent:0 in both the ol and the lis but it didn't have any effect.
What
to do to banish this monster?
- Keith Purtell
Keith,
The style sheet for the text indent may have ' !important ' added to it. If
that
is the case, one way to override it is to add the same tag to your inline
styling. As the html is read from top to bottom, the second !important will
override the first one (in the style sheet). This may have ramifications
elsewhere in your page so look for any other problems that may crop up. The
following code will show that when you add or delete !important from the
inline
styling, the text will take on the new color or indent, or revert to the
styling
in the embed style sheet.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html
body
head
titleInline Styling Test/title
style TYPE=text/css
p {color: red !important; text-indent: 100px !important;}
/style
/head
div style=margin:0;padding:0
table width=400 height=140 bgcolor=#f0f0f0 cellpadding=0
cellspacing=0
tbody
tr
td valign=top
p style=text-indent: 0px !important; color: blue;Sed ut perspiciatis unde
omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt explicabo. /p
/td
/tr
/tbody
/table
/div
/body
/html
Rod Castello
email marketing specialist
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to override site style sheet with inline CSS?
On 10/9/2011 12:24 PM, css-d-requ...@lists.css-discuss.org wrote: Date: Sun, 09 Oct 2011 12:03:34 +1300 From: Mark Henderson shadefro...@gmail.com To: css discuss css-d@lists.css-discuss.org Subject: Re: [css-d] Trying to override site style sheet with inline Keith Purtell wrote: But one item defies all efforts. For some reason, hiss CSS for general text content is set up with a 1cm indent, which looks pretty ugly. I've been tolerating it with paragraphs, but it also kicks in whenever I try to add a list, which is uglier yet (screen capture: http://www.keithpurtell.com/kthings/gaps.jpg). I tried inserting inline CSS of text-indent:0 in both theol and thelis but it didn't have any effect. What to do to banish this monster? A screen shot for code debugging just isn't going to cut it I'm afraid. Help yourself by helping us and provide a public clickable link or your own simplified test case of the problem, and I am sure someone will find a solution. FWIW, it doesn't sound like it's limited to text elements and I would be inclined to look at any wrapper divs in question and check for margin or padding on those (but I am just guessing, because in this case a picture does NOT tell a thousand words!). Here'a a direct link... http://tahlequahnow.com/story.php?id=568 (P.S. Tried the !important method without success.) - Keith __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to override site style sheet with inline CSS?
10.10.2011 5:57, Keith Purtell wrote: Here'a a direct link... http://tahlequahnow.com/story.php?id=568 Didn't you get my message that I sent to the list? (Sen Sun, 09 Oct 2011 13:20:32 +0300) You have the HTML attribute name style misspelled as stye. (P.S. Tried the !important method without success.) It's not needed if you write the attribute name correctly, and it won't help if you don't. -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Trying to override site style sheet with inline CSS?
I've taken on a project supplying content for an online new source. The problem is that the guy who set it up did a pretty good job with the PHP (and most the HTML and CSS) that allows me to use password-protected forms to upload articles and photos. I can also tweak some of my content occasionally by using inline CSS. But one item defies all efforts. For some reason, hiss CSS for general text content is set up with a 1cm indent, which looks pretty ugly. I've been tolerating it with paragraphs, but it also kicks in whenever I try to add a list, which is uglier yet (screen capture: http://www.keithpurtell.com/kthings/gaps.jpg). I tried inserting inline CSS of text-indent:0 in both the ol and the lis but it didn't have any effect. What to do to banish this monster? - Keith Purtell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Trying to override site style sheet with inline CSS?
Keith Purtell wrote: But one item defies all efforts. For some reason, hiss CSS for general text content is set up with a 1cm indent, which looks pretty ugly. I've been tolerating it with paragraphs, but it also kicks in whenever I try to add a list, which is uglier yet (screen capture: http://www.keithpurtell.com/kthings/gaps.jpg). I tried inserting inline CSS of text-indent:0 in both the ol and the lis but it didn't have any effect. What to do to banish this monster? A screen shot for code debugging just isn't going to cut it I'm afraid. Help yourself by helping us and provide a public clickable link or your own simplified test case of the problem, and I am sure someone will find a solution. FWIW, it doesn't sound like it's limited to text elements and I would be inclined to look at any wrapper divs in question and check for margin or padding on those (but I am just guessing, because in this case a picture does NOT tell a thousand words!). HTH -- Mark __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
