Title: Drawing with CSS or php
Last modified: August 19, 2016

---

# Drawing with CSS or php

 *  Resolved [Pedro](https://wordpress.org/support/users/igmosi/)
 * (@igmosi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/)
 * Hi guys!!
 * I am trying to do a line made of points like
    …….
 * to split my post and header and other stuff. I guess I have to do it with php
   and and to pply its style with CSS. I would like to make it with a specific width.
   What would be the php code ??
 * I already did it but in a wrong way.
 * [http://www.igmosi.com/blog](http://www.igmosi.com/blog)
 * thanks!!

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [piyashrija4488](https://wordpress.org/support/users/piyashrija4488/)
 * (@piyashrija4488)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470008)
 *     ```
       i assume u can do with jquery instead
   
       like
       #dot{
       border-bottom:1px dashed #ffffff;
       }
   
       jquery
       $document.ready(function(){
        var headingwidth=$('#heading').width();//#heading is id assign to heading in css
       $('#dot').css("width":headingwidth+"px");
       });
       ```
   
 *  [ambrosite](https://wordpress.org/support/users/ambrosite/)
 * (@ambrosite)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470010)
 * You don’t need PHP or jQuery for this, that is overkill. Edit your CSS file and
   add one line.
 * [http://igmosi.com/blog/wp-content/themes/autofocus/style.css](http://igmosi.com/blog/wp-content/themes/autofocus/style.css)(
   around line 165):
 * #content.index .post .entry-content {
    color: #888888; float: left; font-size:
   1.2em; padding: 0 10px 3em 0; width: 590px; **border-bottom: dotted 1px #000;**/*
   <– new line */ }
 *  Thread Starter [Pedro](https://wordpress.org/support/users/igmosi/)
 * (@igmosi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470036)
 * Thank you very much!! It worked perfectly!!
 * But there is so much empty space between the content and line as well as between
   the picture and the content. How can I make it smaller??
 *  [ambrosite](https://wordpress.org/support/users/ambrosite/)
 * (@ambrosite)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470043)
 * Not sure which one of us you are talking to. But, the extra space at the bottom
   of the content is caused by the 3em of padding. You could change that to maybe
   1em, as follows:
 * #content.index .post .entry-content {
    color: #888888; float: left; font-size:
   1.2em; **padding: 0 10px 1em 0;** width: 590px; border-bottom: dotted 1px #000;}
 *  Thread Starter [Pedro](https://wordpress.org/support/users/igmosi/)
 * (@igmosi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470068)
 * Thanks!!
 * Why that line-points dont appear using Chrome??
 *  [ambrosite](https://wordpress.org/support/users/ambrosite/)
 * (@ambrosite)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470073)
 * Because there is no such thing as 0.5px. The smallest possible value is 1px.
 *  Thread Starter [Pedro](https://wordpress.org/support/users/igmosi/)
 * (@igmosi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470075)
 * Thank you very much!!!!!
 * One more thing…making this changes, I made some mistake and now, the link to 
   go “older post” at bottom of the page, it appears in the post’s date instead 
   of the bottom of the pages…
 * where is its code?? I am going crazy! 🙁
 * Thank you very much!!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Drawing with CSS or php’ is closed to new replies.

 * 7 replies
 * 3 participants
 * Last reply from: [Pedro](https://wordpress.org/support/users/igmosi/)
 * Last activity: [16 years, 1 month ago](https://wordpress.org/support/topic/drawing-with-css-or-php/#post-1470075)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics