wordpress - CSS Code styling - background color is missing on empty lines -

-

I hope it is simple I am not a CSS man

I try to make some code I am doing a bit better on blogs and I have the following & lt; Code & gt; is CSS style. 

  code {display: block; White-space: normal; Background color: #eeeeee; Font: 1 AM, 'Courier New', Courier, Fixed; Padding: 7px; Margin: 7px 7px 7px 7px; }

This is working well for me, except where my & lt; Code & gt; In the code contained in the tag, there are line breaks, background color is not white, light brown color.

Is there any CSS extractor, I have my entire & lt; Code & gt; Can I apply block color to a background color?

Thank you.

NOTE: If I place a space on the empty line, then what I find - a gray background of that line.

Note 2: I have only plain text to my & lt; Code & gt; & lt; / Code & gt; tag Ideally, I do not want to mark my code w / tags & lt; Code & gt; Cut and paste inside the tag and make it look good.

Last comment: After reading the following Mercator suggested, I finally went with it. I changed my code to & lt; Pre & gt; tags subclassed and want to offset my example code block to a well-shaded box. 

  pre.code {color: black; Border: Solid 1px #eeeeee; Font size: 1.1m; Margins: 7px; Padding: 7px; Background: #eeeeee}

This seems to work well for me, but then I

In any case, there are some abnormalities in your CSS:

  • I might use the display: block Will not, but & lt; P & gt; or & lt; Pre & gt; Wrap the tags in Changing it in the block as if you do not allow the nest block-level tag inside it, and still it will need to stay within the block-level tag CSS HTML syntax and cementix do not change Do you have a block-level tag inside your code tag?
  • Why did you set white-space: normal ? This is a bit unusual for a code block. How are you formatting your code? Do you see there & lt; P & gt; or & lt; Br> Adding Tags? font , or maybe white-location: pre-rap
  • why not use your font announcement There is a comma between the 1em and the font names that have been broken. The browser will now just parsize that such as 1em is the name of a font family, I think, and then Courier New , 1em is not present .
  • I think you mean to say monospace instead of fixed or fixed is the actual name of a font ? You can also add better Generic Monospace .
  • More than one tip: you can fall off those 4 margins even under one price.

I'm not sure that any of these are actually the cause of your problems. The first two most likely candidates are anything strange about the quick tests I have done, But some of your other CSS are building problems in combination with these points.

Aah, wait a minute ... Now I see that you are talking about making "some codes look a little better on a blog" Blog software is automatically adding paragraph tags around blocks of text different from blank lines. They are responsible for white color.

I think this is the reason why you added white spot: normal . Blog software is already adding line breaks and everything automatically (with & lt; p & gt; and & lt; br & gt; tag) , So a full bunch of extra spaces using the pre tag.

& lt; Pre & gt; & Lt; Code & gt; Try using stack overflow like tag synthesis & lt; Pre & gt; Using the tag, possibly (hopefully) the blog will stop the software from messing with your code.

For WordPress, check out your article "."


Comments

Post a Comment

Popular posts from this blog

c# - How to capture HTTP packet with SharpPcap -

-
I would like to capture all incoming HTTP packets on my machine. To do this, I am using SharpPcap which is a WinPcap The cover is. SharpPcap works very well, but it captures TCP packets and what it wants to do for me is a very low level. Does anyone know how can I easily get full HTTP requests / reactions from all these TCP packets? Thanks SharpPcap is already able to capture the packet in the same way That's what the virus does (just in the code instead of the GUI). And you can either either parse them directly or you can put them in the drive in the common .pcap file format. The steps to parse the capture are: Open a connection at any time Loop a while Or start capturing using an event callback Parsing the raw packet for the type you want If you are reading .PPP dump files In addition to calling you an offline capture reader is almost the same, there is no need to select an interface, and you can set the majority There is no need to do the modes. All st...
Read more

php - Multiple Select with Explode: only returns the word "Array" -

-
By using Wordpress I have created a multiple selection box so that users can select categories to exclude. When the page is initially loaded, I see my predefined default option. However, when I select a new value and I save ... I only see the word "Array" and have not chosen anything else? & lt; Class = "amultiple" id = "& lt; php echo $ value ['id'] ;? gt;" name = "& gt; php echo $ value ['id'] ;; gt; []" Multiple = "multiple" size = "8" & gt; & Lt ;? Php global option; Foreign currency ($ value as value $) {if (get_settings ($ value ['id']) === FALSE {$$ value ['id'] = $ value ['std']; } And {$$ value ['id'] = get_settings ($ value ['id']); }} $ Ranges = & amp; Amp; Categories ('type = post & orderbiz = name & amp; hide_empty = 1'); If ($ ranges) {$ ex_cat = implode (',', $ tt_cat_exclude); Forex Currency ($ range a...
Read more

php - jQuery AJAX Post not working -

-
I do not understand why this script does not work. It has something to do within AJAX PostScript / Function. Right now, when I submit my form, it runs php code on the same page. What it should do, send the values ​​of the form for Project_Azax.fp, then there will be a refund of success on the page which is correct or false. $ (document) .ready (function () {$ ('div # didIt'). Hide (); $ ('form [name = adminForm]'). Submit (function () ($ {'.post' ('/ project_ajax.php', {action: $ ('[name = action]') Val (), pId: $ ('[name = pId]'). Val (), name ('[Name = name]'. Val (), url: $ ('[url = url]'). Val (), summary: ('[summary = summary]'). Val ()}, Function (data) {if (data.success) {$ ('div # didIt') .Sliddown ('slow');} and {warning ('unsuccessful SA!');}}, 'Jason'); return false ;});}); What is the code for project_ajax.php below ... if ($ _ POST ['action'] == ...
Read more