Jump to content

newcoder1010

Members
  • Posts

    526
  • Joined

  • Last visited

Everything posted by newcoder1010

  1. Hi, I have placed a form on top of content. How can I move the content around the form? I like to keep the form same location. Just put text around. Please advise. http://www.davisdevelopmentgroup.net/?q=we-buy-houses-pg-county I have two section id as follows: <section id="block-system-main" class="block block-system clearfix"> </section> <section id="block-webform-client-block-132"> </section> #block-system-main{ display: block; } .page-node-136 #block-webform-client-block-132 { margin-top: -1120px; text-align: center; float: right; }
  2. Hi, I have list of fields. I would like to display all the labels and all the field items aligned straight. I like to give good padding between labels (left side) and items (right side). Can you please help? <div = "article"> <div class="field "> <div class="field-label">Stock Number: </div> <div class="field-items"> <div class="field-item even">013892</div></div> </div> <div class="field field-name-field-vin "> <div class="field-label">VIN: </div> <div class="field-items"><div class="field-item even">19VDE1F71DE013892</div></div> </div> <div class="field field-name-field-miles"> <div class="field-label">Miles: </div> <div class="field-items"><div class="field-item even">28,000</div></div> </div> </div>
  3. Hello, I have two links: home and article. When I am on Home page, I like Home link to be in green background and When I am on articles page, I like Article link to be in green background. I used below links but it is not working. .nav > li > a:active { background-color: green; }
  4. When I go to 2nd page, then I see html that I gave u original post. Your css worked. Thanks. When I visit the page first time, I get this below html. In this html, there is no prev or first page class. <ul class="pagination"><li class="active"><span>1</span></li> <li><a title="Go to page 2" href="/articles-0?page=1">2</a></li> <li><a title="Go to page 3" href="/articles-0?page=2">3</a></li> <li><a title="Go to page 4" href="/articles-0?page=3">4</a></li> <li><a title="Go to page 5" href="/articles-0?page=4">5</a></li> <li><a title="Go to page 6" href="/articles-0?page=5">6</a></li> <li class="next"><a title="Go to next page" href="/articles-0?page=1">next ›</a></li> <li class="pager-last"><a title="Go to last page" href="/articles-0?page=5">last »</a></li> </ul> What would be css for this html to remove the numbers please?
  5. Hello, I have this html: <ul class="pagination"><li class="pager-first"><a title="Go to first page" href="/articles-0" tabindex="-1">« first</a></li> <li class="prev"><a title="Go to previous page" href="/articles-0" tabindex="-1">‹ previous</a></li> <li><a title="Go to page 1" href="/articles-0" tabindex="-1">1</a></li> <li class="active"><span>2</span></li> <li><a title="Go to page 3" href="/articles-0?page=2" tabindex="-1">3</a></li> <li><a title="Go to page 4" href="/articles-0?page=3" tabindex="-1">4</a></li> <li><a title="Go to page 5" href="/articles-0?page=4" tabindex="-1">5</a></li> <li><a title="Go to page 6" href="/articles-0?page=5" tabindex="-1">6</a></li> <li class="next"><a title="Go to next page" href="/articles-0?page=2" tabindex="-1">next ›</a></li> <li class="pager-last"><a title="Go to last page" href="/articles-0?page=5" tabindex="-1">last »</a></li> </ul> How to hide the li classes which have numbers? In this case, 1-6. But numbers will go up. I simply like to keep first two(pager-first, prev) and last two(pager-last, next). I am not sure how I can achieve that. Please advise.
  6. site If you please see it in mobile version, you will see that images are floated to right as expected. I would like to bring the image and li texts both little left. Thanks.
  7. I tried this did not work. How can I bring the li with the image little to left so image is in the center? li{ text-indent: -1em; padding-left: 1em;}
  8. I would like to bring the 2nd ol li to little bit left in mobile version. Desktop looks good. 2nd ol li has texts plus images. so in mobile 2nd ol li floated to almost right I used float left but top ol li overlaps. How can I fix it to bring the 2nd ol li to center of the page? @media only screen and (max-width: 500px) { ol ol li { font-size:12px; float:left} } https://drive.google.com/file/d/0B7xIEuVi005yOHJySTYtcmI3NkE/view?usp=sharing
  9. Hi, I have the body field as follows: <li>On the <strong>Domain </strong>page, click the domain name that you want to forward to your Youtube page.</li> <img src="http://xxx.com/img/Howto_1.png" alt="how to connect your domain to your youtube url" /> <li>On the <strong>Domain </strong>page, click the domain name that you want to forward to your Youtube page.</li> <img src="http://xxx.com/img/Howto2.png" alt="how to connect your domain to your youtube url" /> CSS: img{ border: 1px solid #cdc9c9;padding: 40px;max-width:85%;} When I visit the page, I see image as I described above. Question is when I hover/click on image, how can I see the image in bigger version. Please advise.
  10. Hello, I have this list: <ol> <li>Get your Facebook page URL. <ol><li>hhhh </li> <li>Click </li> <li>hhh.</li> <li>Copy </li> </ol></li> <li>Get your twitter URL. <ol><li>hhhh </li> <li>Click </li> <li>hhh.</li> <li>Copy </li> </ol></li> </ol> I am not able to give any class names. How can I apply css to outer li and inner li. I like to say outer li font-size: 22px and inner li font-size: 12px; Thanks.
  11. Thank you so much. I have long way to go. Yes, I am going thru online tutorials.
  12. Trying to go thru tutorial in http://www.w3schools.in/java-tutorial/aggregation/. Is it a typo in your site? public class stud{ public static void main(String args[]){ college a = new college(); college b = new univ(); a.move(); b.move(); } } 4th line, Instead of college b = new univ(); , should it be univ b = new univ(); ?
  13. Hello, I have my java as follows: public class Test_Final { public void test_non_final () { System.out.println("hello");} } public class Test_Final_Caller extends Test_Final{ // separate file public static void main(String args[]) { Test_Final_Caller S1 = new Test_Final_Caller(); System.out.println(S1.test_final_method()); // error here System.out.println(S1.test_non_final()); // error here } } I am not able to print hello from Test_Final_Caller. Can you advise?
  14. Sorry. I just saw the code. I will give a try.
  15. Hi, When I resize the screens of browsers, browsers do not read my custom css file. Browsers read the css file when when I refresh the browsers. How can I force all the browsers to read the css file and follow it thru as I am resizing browsers? I am totally lost as for how to fix the issue. Thanks.
  16. It works in every browser. Looks like problem with my video file. I simply have some videos from my galaxy phone and downloaded to my computer. Then I uploaded to my hosting server. File has mp4 extension.
  17. I tried with the below code. No luck. I tried to upload image but I get this error " You have exceeded your allotted disk space for attachments" https://drive.google.com/file/d/0B7xIEuVi005ycE9pWGhtRWtOdWc/view?usp=sharing <video width="320" height="240" controls poster="W34.png"> // i get image but video problem remain same <source src="11.mp4" type="video/mp4"> </video> <video width="320" height="240" controls preload="auto" > <source src="11.mp4" type="video/mp4"> </video>
  18. I simply have file.mp4 in my c drive. I tried with auto and metadata. No luck.
  19. I have IE, Chrome, Firefox - none of them worked. It worked in microsoft edge only. Is there way I can make it work in all browsers?
  20. Hi, I created a drupal html block. When I go to my page, I see the video with white background. How can I have the video image? <video width="400" controls> <source src="sites/default/files/videos/1.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video>
×
×
  • Create New...