Ask Question Forum:
Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by duncanb7
at 2024-08-10 10:33:51
ModifyPoint:500 Replies:16 POST_ID:828732USER_ID:11059
Topic:
WordPress;PHP Scripting Language;Cascading Style Sheets (CSS)
As we know , when we use wordpress editor for paragraph, it will create or add
<p> and <br><br/> tag for each paragraph that will let line-spacing between
two paragraph increase.
How to delete the line-spacing between two paragraph ?
Now I am using wordpress 3.6 with theme twentythirteen
http://www.ehow.com/how_8651230_fix-wordpress-spacing.html
Now I follow the above link to solve the <p> tag line-spacing issue by
editing editor-style.css from the theme's CSS directory, for example,
p{
line-height:0px;
}
But still not know how to delete or reduce the <br><br/> line-spacing
I tried
br{
display:none;
line-height:0px;
visibility:hidden;
}
But all is not working for br tag, and I also tried the following link suggested methed
http://urbangiraffe.com/plugins/disable-wpautop/ that is also not working
Please advise
Duncan
<p> and <br><br/> tag for each paragraph that will let line-spacing between
two paragraph increase.
How to delete the line-spacing between two paragraph ?
Now I am using wordpress 3.6 with theme twentythirteen
http://www.ehow.com/how_8651230_fix-wordpress-spacing.html
Now I follow the above link to solve the <p> tag line-spacing issue by
editing editor-style.css from the theme's CSS directory, for example,
p{
line-height:0px;
}
But still not know how to delete or reduce the <br><br/> line-spacing
I tried
br{
display:none;
line-height:0px;
visibility:hidden;
}
But all is not working for br tag, and I also tried the following link suggested methed
http://urbangiraffe.com/plugins/disable-wpautop/ that is also not working
Please advise
Duncan
Author: duncanb7 replied at 2024-08-16 20:23:07
Thanks for all of your reply, the solution is solved in other threads
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/Q_28209694.html
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/Q_28209694.html
Accepted Solution
Expert: heritshah replied at 2024-08-13 02:14:27
167 points EXCELLENT
Hi Duncan!
If i assumed your problem correctly, Here's your solution =>
----------------------
To just avoid extra (unintentional) line spacing, Simply press Shift + Enter. That should do it. secondly you can just switch to HTML view and manually remove BR between paragraphs. Btw check out "/wp-admin/js/editor.js", and search for <br /> and line break. there are multiple options which you can set to false or true. That might definitely work out for you.
To automate this hack, simply Install this plugin, and you are set to go!
Plugin: http://wordpress.org/plugins/wpautop-control/ (the previous plugin didn't work for you, so you can give it a shot!)
Additional Source: http://rubayathasan.com/wordpress/plugin/enabling-line-break-in-wordpress/
Herit
If i assumed your problem correctly, Here's your solution =>
----------------------
To just avoid extra (unintentional) line spacing, Simply press Shift + Enter. That should do it. secondly you can just switch to HTML view and manually remove BR between paragraphs. Btw check out "/wp-admin/js/editor.js", and search for <br /> and line break. there are multiple options which you can set to false or true. That might definitely work out for you.
To automate this hack, simply Install this plugin, and you are set to go!
Plugin: http://wordpress.org/plugins/wpautop-control/ (the previous plugin didn't work for you, so you can give it a shot!)
Additional Source: http://rubayathasan.com/wordpress/plugin/enabling-line-break-in-wordpress/
Herit
Author: duncanb7 replied at 2024-08-10 12:46:44
Please advise kindly
Duncan
Duncan
Assisted Solution
Expert: Ray Paseur replied at 2024-08-10 12:42:20
166 points EXCELLENT
No points for this, please, but there are some important CSS fundamentals you might want to learn about. SitePoint is usually a good place to start learning. Reading other people's CSS files is not a good place to start learning because you do not get the benefit of the strategy, you only see the outcome and you do not know what they were thinking.
http://reference.sitepoint.com/css
http://reference.sitepoint.com/css
Author: duncanb7 replied at 2024-08-10 12:19:18
SOrry, I can not get it
As I know display:block that is display to viewer and occupy display area,
and visibility:hidden that doesn't occupy display area
Why you alway said display:block not display:none that I want to disappear the <br> tage?
As I know display:block that is display to viewer and occupy display area,
and visibility:hidden that doesn't occupy display area
Why you alway said display:block not display:none that I want to disappear the <br> tage?
Assisted Solution
Expert: Jason C. Levine replied at 2024-08-10 12:10:36
167 points EXCELLENT
Br is an inline element (technically a special element) so it doesn't respond respond the same way as p or h or div tags do.
If you attempt to issue block commands on an inline element, they will be ignored.
You either have to figure out a different solution or approach, live with br the way it is, or attempt to force it into a block by issuing
If you attempt to issue block commands on an inline element, they will be ignored.
You either have to figure out a different solution or approach, live with br the way it is, or attempt to force it into a block by issuing
to the tag.
Note that the last suggestion is a pretty big hack and won't work the same way in all browsers.
Note that the last suggestion is a pretty big hack and won't work the same way in all browsers.
Author: duncanb7 replied at 2024-08-10 12:01:17
Please write it cleary and simple, I might not get you
Expert: Jason C. Levine replied at 2024-08-10 11:59:13
Know how I know you didn't read or understand my last post?
Author: duncanb7 replied at 2024-08-10 11:55:28
Typing mistake, that should be display:none;
br
{
display:none;
}
br
{
display:none;
}
Author: duncanb7 replied at 2024-08-10 11:53:27
I Tried
br
{
display:none;
}
beofre that is only working on my Window apache Xampp
but on my Centos Linux is not working
br
{
display:none;
}
beofre that is only working on my Window apache Xampp
but on my Centos Linux is not working
Expert: Jason C. Levine replied at 2024-08-10 11:47:07
Okay, clarification time...
Are you attempting to control the display on the front end or in the TinyMCE editor?
Also,
That's partially true. It's an inline element (technically a special element) so it doesn't respond respond the same way as p or h or div tags do. If you attempt to issue block commands on an inline element, they will be ignored. You either have to figure out a different solution or approach, live with br the way it is, or attempt to force it into a block by issuing display: block !important to the tag. Note that the last suggestion is a pretty big hack and won't work the same way in all browsers.
Are you attempting to control the display on the front end or in the TinyMCE editor?
Also,
<br> tag CSS is not easy to control or limited
That's partially true. It's an inline element (technically a special element) so it doesn't respond respond the same way as p or h or div tags do. If you attempt to issue block commands on an inline element, they will be ignored. You either have to figure out a different solution or approach, live with br the way it is, or attempt to force it into a block by issuing display: block !important to the tag. Note that the last suggestion is a pretty big hack and won't work the same way in all browsers.
Author: duncanb7 replied at 2024-08-10 11:36:22
And
<br> tag CSS is not easy to control and is limited
<br> tag CSS is not easy to control and is limited
Author: duncanb7 replied at 2024-08-10 11:33:21
it seem there is NO such CSS from editor-style.css file
div p{
}
div br{
}
div p{
}
div br{
}
/*Theme Name: Twenty TwelveDescription: Used to style the TinyMCE editor.*/html { font-size: 87.5%;}html .mceContentBody { max-width: 625px;}body { color: #444; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1rem; line-height: 1; text-rendering: optimizeLegibility; vertical-align: baseline;}/* =Headings-------------------------------------------------------------- */h1,h2,h3,h4,h5,h6 { clear: both; line-height: 1.846153846; margin: 24px 0; margin: 1.714285714rem 0;}h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5;}h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6;}h3 { font-size: 16px; font-size: 1.142857143rem;}h4 { font-size: 14px; font-size: 1rem;}h5 { font-size: 13px; font-size: 0.928571429rem;}h6 { font-size: 12px; font-size: 0.857142857rem;}hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem;}/* =Text elements-------------------------------------------------------------- */p { line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem;}ul,ol { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; padding: 0;}ul { list-style: disc outside;}ol { list-style: decimal outside;}ul ul,ol ol,ul ol,ol ul { margin-bottom: 0;}li { margin: 0 0 0 24px; margin: 0 0 0 1.714285714rem;}dl { margin: 0 24px; margin: 0 1.714285714rem;}dt { font-weight: bold; margin-bottom: 24px; margin-bottom: 1.714285714rem;}dd { line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem;}strong { font-weight: bold;}cite,em,i { font-style: italic;}cite { border: none;}big { font-size: 128.571429%;}.mceContentBody blockquote { font-style: italic !important; font-weight: normal; margin: 0; padding: 24px; padding: 1.714285714rem;}pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem;}code,kbd,samp,var { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2;}abbr,acronym,dfn { border-bottom: 1px dotted #666; cursor: help;}address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem;}del { color: #333;}ins { background: #fff9c0; border: none; color: #333; text-decoration: none;}sup,sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}input[type="text"] { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem;}textarea { border: 1px solid #d5d2ca; border-radius: 3px; font-family: inherit; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 96%;}/* =Links-------------------------------------------------------------- */a,a em,a strong { color: #21759b; outline: none;}a:focus,a:active,a:hover { color: #0f3647;}/* =Alignment-------------------------------------------------------------- */.alignleft { display: inline; float: left; margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;}.alignright { display: inline; float: right; margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;}.aligncenter { clear: both; display: block; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem;}/* =Tables-------------------------------------------------------------- */table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%;}tr th { color: #636363; font-size: 11px; font-size: 0.785714286rem; font-weight: bold; line-height: 2.181818182; text-align: left; text-transform: uppercase;}td { border-top: 1px solid #ededed !important; color: #757575; font-size: inherit; font-weight: normal; padding: 6px 10px 6px 0; text-align: left;}/* =Images-------------------------------------------------------------- */img,.editor-attachment { border: 0; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); max-width: 100%;}img.size-full { width: auto/9; /* Prevent stretching of full-size images in IE8 */}img[class*="wp-image-"] { height: auto; max-width: 100%;}img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}img.mce-wp-nextpage { border-radius: 0; box-shadow: none;}img.wp-smiley { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0;}.wp-caption { background: transparent; border: none; margin: 0; padding: 4px; text-align: left;}.wp-caption-dt { margin: 0;}.wp-caption .wp-caption-text,.wp-caption-dd { color: #757575; font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.71429rem;} 1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:36:37:38:39:40:41:42:43:44:45:46:47:48:49:50:51:52:53:54:55:56:57:58:59:60:61:62:63:64:65:66:67:68:69:70:71:72:73:74:75:76:77:78:79:80:81:82:83:84:85:86:87:88:89:90:91:92:93:94:95:96:97:98:99:100:101:102:103:104:105:106:107:108:109:110:111:112:113:114:115:116:117:118:119:120:121:122:123:124:125:126:127:128:129:130:131:132:133:134:135:136:137:138:139:140:141:142:143:144:145:146:147:148:149:150:151:152:153:154:155:156:157:158:159:160:161:162:163:164:165:166:167:168:169:170:171:172:173:174:175:176:177:178:179:180:181:182:183:184:185:186:187:188:189:190:191:192:193:194:195:196:197:198:199:200:201:202:203:204:205:206:207:208:209:210:211:212:213:214:215:216:217:218:219:220:221:222:223:224:225:226:227:228:229:230:231:232:233:234:235:236:237:238:239:240:241:242:243:244:245:246:247:248:249:250:251:252:253:254:255:256:257:258:259:260:261:262:263:264:265:266:267:268:269:270:271:272:273:274:275:276:277:278:279:280:281:282:283:284:285:286:287:288:289:290:291:292:293:294:295:296:297:298:299:300:301:302:303:304:305:306:307:308:309:310:311:312:313:314:315:316:317:318:319:320:321:322:323:324:325:326:327:328:329:330:331:332:333:334:335:336:337:338:339:340:341:342:
Expert: Jason C. Levine replied at 2024-08-10 11:30:28
Couldn't tell you without seeing a live page to inspect the CSS. The short answer is you likely did something wrong.
Author: duncanb7 replied at 2024-08-10 11:28:07
If as you said, why p tag is working but br tag is NOT working
Expert: Jason C. Levine replied at 2024-08-10 11:24:57
You need to look at the whole CSS tree for the p and br elements. There is likely another line-height declaration higher up in the tree, such as a container div or even the body tag, that is in play.
The other problem is that any line break or paragraph break will have some form of height on it due to the browser. Maybe a link or screenshot that illustrates your issue would help?
The other problem is that any line break or paragraph break will have some form of height on it due to the browser. Maybe a link or screenshot that illustrates your issue would help?
