Jump to content

newcoder1010

Members
  • Posts

    526
  • Joined

  • Last visited

Everything posted by newcoder1010

  1. <div class="NumberOfPeople_R"> <label for="edit-submitted-eventinformation-number-of-people">Number of people </label> <input required="required" class="NumberOfPeople_C form-text form-number required" type="text" id="edit-submitted-eventinformation-number-of-people" name="submitted[EventInformation][number_of_people]" size="4" min="10" max="250" step="1"> <div class="description">10 to 250</div></div> Hello, I have the above html and I am trying make the text '10 to 250' red color for one div class description only. I tried this and did not work. .NumberOfPeople_R .description {color:red;} Thanks.
  2. <label for=ʺedit-submitted-eventinformation-how-longʺ>How long <span class=ʺform-requiredʺ title=ʺThis field is required.ʺ>*</span></label> Hello, I have the code which has no ID. For some reason, I can not give ID using the tool. Can I still css the label using the for? If yes, can you please help? Thanks.
  3. <div class=ʺWhen_Rʺ> <label for=ʺedit-submitted-eventinformation-whenʺ>When</label> <div class=ʺwebform-container-inline webform-datepickerʺ> <div class=ʺform-type-select ʺ> <label class=ʺelement-invisibleʺ for=ʺedit-submitted-eventinformation-when-monthʺ>Month </label> <select class=ʺform-control month form-selectʺ required=ʺrequiredʺ id=ʺedit-submitted-eventinformation-when-monthʺ </select> </div> <div class=ʺform-type-select form-item-submitted-EventInformation-when-day form-item form-groupʺ> <label class=ʺelement-invisibleʺ for=ʺedit-submitted-eventinformation-when-dayʺ>Day </label> <select class=ʺform-control day form-selectʺ required=ʺrequiredʺ id=ʺedit-submitted-eventinformation-when-dayʺ </select> </div> <div class=ʺform-type-select form-item-submitted-EventInformation-when-year form-item form-groupʺ> <label class=ʺelement-invisibleʺ for=ʺedit-submitted-eventinformation-when-yearʺ>Year </label> <select class=ʺform-control year form-selectʺ required=ʺrequiredʺ id=ʺedit-submitted-eventinformation-when-yearʺ </select> </div></div></div> Hi, Currently, Month, Day, Year are displayed in 3 different rows. How can I give them equal width and display them on the same row? Thanks.
  4. Hi, I have created a form as below:Fieldset name: Customer Information CSS class name: CustomInfoField Name: First Name. Wrapper CSS class: Fname_R. CSS class for field: Fname_Cmore fields also created. I put the first name field in CustomInfo fieldset. How can I apply styling to only the First name field only? I would like to: Make the first name label green. Make the first name field font color red. Make the first name placeholder blue. I am having hard time to write the css just for the first name field. I am confused when i look at the class/tag hierarchy. Can you please help? <div id="node-16" class="node > <div class="content"> <form class="webform-client-form webform-client-form-16"> <legend class="panel-heading"> <div class="panel-title fieldset-legend"> Customer Information </div> </legend> <div class="panel-body"> <div class="FName_R form-item webform-component webform-component-textfield webform-component--CustomInfo--fname"> <label for="edit-submitted-custominfo-fname">First Name</label> <input required="required" placeholder="Enter first name here" class="FName_C form-control form-text" /> </div> </div> </form> </div></div>
  5. Hi, I have below css looks good in desktop site. When I visit the form in smart phone, I see that first name field is going outside form to the right. I am not sure how I can fix it? <form class="webform-client-form webform-client-form-15 webform-conditional-processed" enctype="multipart/form-data" action="/?q=node/15" method="post" id="webform-client-form-15" accept-charset="UTF-8"><div> <fieldset class="webform-component-fieldset PersonalInfo webform-component--PersonalInfo form-wrapper"> <legend><span class="fieldset-legend">Personal Info</span></legend> <div class="fieldset-wrapper"> <div class="FN_FL form-item webform-component webform-component-textfield webform-component--PersonalInfo--FirstName webform-container-inline"> <label for="edit-submitted-personalinfo-firstname">First Name <span class="form-required" title="This field is required.">*</span></label> <input required="required" placeholder="Enter Your First Name" class="FN_F form-text required" type="text" id="edit-submitted-personalinfo-firstname" name="submitted[PersonalInfo][FirstName]" value="" size="20" maxlength="25"> </div> </div></div></form> Can you please help? Thanks, http://www.mycheaperdomain.com
  6. Hi,In web form page, I added two fieldsets: Personal and Business. Details:Fieldset name: Personal class: PerBIO FirstName Wrapper Class: FN_FL CSS class: FN_F LastName Wrapper Class: LN_FL CSS class: LN_F Fieldset name: Business class: BizBIO BizName Wrapper Class: BizN_FL CSS class: BizN_F BizPhone Wrapper Class: BizPh_FL CSS class: BizPh_F I have applied the below CSS and it works for both fieldsets. .fieldset-wrapper .form-item{ padding: 10px 0 10px 200px; position: relative;}.fieldset-wrapper .form-item label{ left: 0; position: absolute;}How to apply the above CSS for Personal fieldset only?Below did not work:.fieldset-wrapper .PerBIO .form-item{ padding: 10px 0 10px 200px; position: relative;}.fieldset-wrapper .PerBIO .form-item label{ left: 0; position: absolute;} Can you please help?
  7. Hello, I have two images attached. Current shows the image of the website. Trying showing what i am trying to achieve. Below html shows the current page html. I am trying to apply css so my current page looks like the Trying page. If you can help me with the css, I would be so happy. I spent few hours and middle of no where. <div class="Address_FL form-item webform-component webform-component-addressfield webform-component--PersonalInfo--myaddress"> <label for="edit-submitted-personalinfo-myaddress">myaddress <span class="form-required" title="This field is required.">*</span></label> <div class="form-item form-type-select form-item-submitted-PersonalInfo-myaddress-country"> <label for="edit-submitted-personalinfo-myaddress-country--3">Country </label> <select class="country form-select ajax-processed" autocomplete="country" id="edit-submitted-personalinfo-myaddress-country--3" name="submitted[PersonalInfo][myaddress][country]"><option value="">- None -</option><option value="US" selected="selected">United States</option></select></div><div class="street-block"><div class="form-item form-type-textfield form-item-submitted-PersonalInfo-myaddress-thoroughfare"> <label for="edit-submitted-personalinfo-myaddress-thoroughfare">Address 1 <span class="form-required" title="This field is required.">*</span></label> <input class="thoroughfare form-text required" autocomplete="address-line1" id="edit-submitted-personalinfo-myaddress-thoroughfare" name="submitted[PersonalInfo][myaddress][thoroughfare]" value="" size="30" maxlength="255" type="text"></div><div class="form-item form-type-textfield form-item-submitted-PersonalInfo-myaddress-premise"> <label for="edit-submitted-personalinfo-myaddress-premise">Address 2 </label> <input class="premise form-text" autocomplete="address-line2" id="edit-submitted-personalinfo-myaddress-premise" name="submitted[PersonalInfo][myaddress][premise]" value="" size="30" maxlength="255" type="text"></div></div><div class="addressfield-container-inline locality-block country-US"><div class="form-item form-type-textfield form-item-submitted-PersonalInfo-myaddress-locality"> <label for="edit-submitted-personalinfo-myaddress-locality">City <span class="form-required" title="This field is required.">*</span></label> <input class="locality form-text required" autocomplete=""address-level2" id="edit-submitted-personalinfo-myaddress-locality" name="submitted[PersonalInfo][myaddress][locality]" value="" size="30" maxlength="255" type="text"></div> <div class="form-item form-type-select form-item-submitted-PersonalInfo-myaddress-administrative-area"> <label for="edit-submitted-personalinfo-myaddress-administrative-area">State <span class="form-required" title="This field is required.">*</span></label> <select class="state form-select required" autocomplete="address-level1" id="edit-submitted-personalinfo-myaddress-administrative-area" name="submitted[PersonalInfo][myaddress][administrative_area]"><option value="" selected="selected">- Select -</option><option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AZ">Arizona</option><option value="AR">Arkansas</option><option value="CA">California</option><option value="CO">Colorado</option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="DC">District of Columbia</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Louisiana</option><option value="ME">Maine</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NY">New York</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="OR">Oregon</option><option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VA">Virginia</option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option><option value=" ">--</option><option value="AA">Armed Forces (Americas)</option><option value="AE">Armed Forces (Europe, Canada, Middle East, Africa)</option><option value="AP">Armed Forces (Pacific)</option><option value="AS">American Samoa</option><option value="FM">Federated States of Micronesia</option><option value="GU">Guam</option><option value="MH">Marshall Islands</option><option value="MP">Northern Mariana Islands</option><option value="PW">Palau</option><option value="PR">Puerto Rico</option><option value="VI">Virgin Islands</option></select></div> <div class="form-item form-type-textfield form-item-submitted-PersonalInfo-myaddress-postal-code"> <label for="edit-submitted-personalinfo-myaddress-postal-code">ZIP code <span class="form-required" title="This field is required.">*</span></label> <input class="postal-code form-text required" autocomplete="postal-code" id="edit-submitted-personalinfo-myaddress-postal-code" name="submitted[PersonalInfo][myaddress][postal_code]" value="" size="10" maxlength="255" type="text"></div></div></div>
  8. Hi, How to align the image to the right? I like to have texts wrapped on the left and image to be on the right top corner. I am not sure how to do it. Attached is the sample design: Can you please help? Thanks, N
  9. Hi, I have the below code : <a href = "file.html"> <img src = "xyz.png"> </a> When I hover over the image, I would like to see the image highlighted with some color. How can I do it? Thanks, N
  10. Hi, I am trying to return an array and then print it. It is printing blank values. Can you please help? Thanks. ----------------------- function ArrayExample (key,totalKey) dim x() ReDim x(totalKey) For i = key to totalKey x(key) = i ArrayExample = x(key) Next end function key = 2 totalKey = 4' dim y() ReDim y(totalKey) y(totalKey) = ArrayExample (key,totalKey) For i = key to totalKey msgbox y(key) Next
  11. Hi, I am reading a value from excel and then reading another value from database. After that, I am comparing. Excel returns: value - Empty and data type User - Defined. Database returns a vaue - NULL and data type User - Defined. After that, I compared both as IF EXCEL = DB THEN MSGBOX "EQUAL"ELSE MSGBOX "NOT EQUAL"END IF I was expecting EQUAL message to be displayed but I am getting NOT EQUAL message. Can you please help? Thanks, N
  12. Hi, I have the below css and it works: .print-content .field-name-field-carinfo .field-label{ font-size: 30px; color: red; padding-top: 25px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px; background-color: gray; text-decoration: underline; } In addition to that, I would like to do padding-bottom. If i just change padding-bottom from 5px to 10px, it expands with the background color gray. Instead, I would like to do padding-bottom after the gray background? Many thanks, N
  13. Hi, I have the below code from the view source. I have a image field with slide show. I want to center the field using css. I am not sure how. <div class="field-slideshow field-slideshow-1 effect-fade timeout-4000 with-pager with-controls" style="width:480px; > height:270px"> <div class="field-slideshow-slide field-slideshow-slide-1 even first"> <img class="field-slideshow-image field-slideshow-image-1" typeof="foaf:Image" > src="http://www.bettylist.com/ac/sites/default/files/styles/large/public/0cda68f4-ae37-470d-8ec1-e080a810948f1334430310.jpg?itok=oTavzRzD" > width="480" height="270" alt="back side" /> <div > class="field-slideshow-caption"> > <span class="field-slideshow-caption-text"><a href="http://www.bettylist.com/ac/sites/default/files/0cda68f4-ae37-470d-8ec1-e080a810948f1334430310.jpg" > class="colorbox" rel="field-slideshow[nid-1272]caption" title="back > side">back side</a></span> > </div> > </div> > <div class="field-slideshow-slide field-slideshow-slide-2 odd" style="display:none;"> > <img class="field-slideshow-image field-slideshow-image-2" typeof="foaf:Image" > src="http://www.bettylist.com/ac/sites/default/files/styles/large/public/1f80f93a-80fc-4c06-b26d-988d19f29e20367217229.jpg?itok=O5N34NS2" > width="480" height="270" alt="driver seat" /> <div > class="field-slideshow-caption"> > <span class="field-slideshow-caption-text"><a href="http://www.bettylist.com/ac/sites/default/files/1f80f93a-80fc-4c06-b26d-988d19f29e20367217229.jpg" > class="colorbox" rel="field-slideshow[nid-1272]caption" title="driver > seat">driver seat</a></span> > </div> > </div> > <div class="field-slideshow-slide field-slideshow-slide-3 even" style="display:none;"> > <img class="field-slideshow-image field-slideshow-image-3" typeof="foaf:Image" > src="http://www.bettylist.com/ac/sites/default/files/styles/large/public/4f29a8f0-f99e-40db-81f7-9ec35de1f5cb-1833362688.jpg?itok=-Vk6N_pV" > width="480" height="270" alt="left side" /> <div > class="field-slideshow-caption"> > <span class="field-slideshow-caption-text"><a href="http://www.bettylist.com/ac/sites/default/files/4f29a8f0-f99e-40db-81f7-9ec35de1f5cb-1833362688.jpg" > class="colorbox" rel="field-slideshow[nid-1272]caption" title="left > side">left side</a></span> > </div> > </div> > <div class="field-slideshow-slide field-slideshow-slide-4 odd" style="display:none;"> > <img class="field-slideshow-image field-slideshow-image-4" typeof="foaf:Image" > src="http://www.bettylist.com/ac/sites/default/files/styles/large/public/39cf741a-79bd-4746-88d6-16987655448e1587974190.jpg?itok=WWnhZOUO" > width="480" height="270" alt="front side" /> <div > class="field-slideshow-caption"> > <span class="field-slideshow-caption-text"><a href="http://www.bettylist.com/ac/sites/default/files/39cf741a-79bd-4746-88d6-16987655448e1587974190.jpg" > class="colorbox" rel="field-slideshow[nid-1272]caption" title="front > side">front side</a></span> > </div> > </div> > <div class="field-slideshow-slide field-slideshow-slide-5 even last" style="display:none;"> > <img class="field-slideshow-image field-slideshow-image-5" typeof="foaf:Image" > src="http://www.bettylist.com/ac/sites/default/files/styles/large/public/ab5b5a9c-2ce1-4590-b926-99d648273cf6-1368514049.jpg?itok=PRgQxJiV" > width="480" height="270" alt="front side" /> <div > class="field-slideshow-caption"> > <span class="field-slideshow-caption-text"><a href="http://www.bettylist.com/ac/sites/default/files/ab5b5a9c-2ce1-4590-b926-99d648273cf6-1368514049.jpg" > class="colorbox" rel="field-slideshow[nid-1272]caption" title="front > side">front side</a></span> > </div> > </div> > </div> The main container class is .print-content Can you please help me writing the css to center the field? Below did not work: .print-content .field-slideshow-slide{ margin-left: auto; margin-right: auto; } Thanks.
  14. Sorry, I don't know how they are related. All I can template.tpl.php and print.tpl.php in two different directories. If I just have one variable in template.tpl.php file as $vars['price'] = field_view_value('node', $node, 'field_price', $node->field_price[$node->language][0]); I can see the value by writing the below code in print.tpl.php file print render($price); I just need to know how I can declare the 2nd variable in the template.tpl.php file? Thanks.
  15. Hi, I am using drupal. Template.tpl.php I have a function function bartik_preprocess_print(&$vars, $hook) { // Global node. $node = $vars['node']; $vars['price'] = field_view_value('node', $node, 'field_price', $node->field_price[$node->language][0]); $vars['vehicleOption1'] = field_view_value('node', $node, 'field_vehicle_option_1', $node->field_vehicle_option_1[$node->language][0]); } in print.tpl.php, I have print render($test); print render($vehicleOption1); But I am only getting the one value and it is the value of $vehicleOption1 Can you please help as for how I can values from the both variables? Thanks, N
  16. Hi, I am creating an application form on my site. I am having overlapping issue with a text area field. I have the label and the text area field. Now part of the Label is displaying on top of the text area field. I am trying to push the text area field two lines down. If you can help. Please see attached. Thanks. .TextAreaField { color: green; //when i write, i see green text.WOULD I WRITE POSITION OR MARGIN OR PADDING HERE?}
  17. My site has Date of birth field. and it displays as below: Empty space MONTH fieldDAY field Empty spaceYEAR field Empty space Empy space above referring to 2 above. What would be css to remove 2? Meaning I do not want that class to take any space. So, MONTH/DAY/YEAR fields lined up straight. Now, I see a blank space. Many thanks.
  18. Hello, Can you please help me with the below? HTML code: <div class="BIRTHFL form-item webform-component webform-component-date webform-component--birthday webform-container-inline"> <label for="edit-submitted-birthday">Birthday <span class="form-required" title="This field is required.">*</span></label> <div class="webform-container-inline webform-datepicker"> <div class="form-item form-type-select form-item-submitted-birthday-month"> <label class="element-invisible" for="edit-submitted-birthday-month">Month </label> <select class="month form-select" id="edit-submitted-birthday-month" name="submitted[birthday] [month]"><option value="" selected="selected">Month</option><option value="1">Jan</option> ... .</select> </div> </div></div> css code: // 1. BELOW CODE WORKED. .BIRTHFL label { color: red; } // 2. I AM TRYING NOT TO DISPLAY ELEMENT WITH CLASS element-invisible. I AM NOT SURE HOW I CAN WRITE THE CSS. BELOW CODE DID NOT WORK. .BIRTHFL .element-invisible { display: none; } // 3. I AM TRYING TO APPLY SOME PADDING TO THE MONTH FIELD. I AM NOT SURE HOW I CAN DO IT IN CSS. // BELOW CODE DID NOT WORK. .BIRTHFL .Month { padding: 10px 0 10px 200px; position: relative; } When class inside class, I get confused. If you can help me with 2 and 3, i will appreciate it. Thanks.
  19. Hi, I have two single dimensional arrays. total = 3Dim test1()redim test1(total)....Dim test2()redim test2(total)....... After assigning values to both arrays, I have the below values in both arrays: test1 = A,B,C,D test2 = 1,2,3,4 ''' Now I am trying to query the mysql database as below: select * from e1 where A = 1 AND B = 2 AND C = 3 AND D = 4 How can I write the query here using the values from test1 and test2 array? Note that value of total may change in different run time. Can you please help me fixing the below code? Do I need for loop? I have spent lot of time but I am lost. Select * from e1where test1(0) = test2(0) AND test1(1) = test2(1) AND test1(2) = test2(2) AND test1(3) = test2(3) Thanks, -S
  20. Hi, I am trying to have a html table on a drupal block. Trying to do the below: - Image as table background.- Image needs to be width = 930 and height = 450- Image cant be repeated.- Have a link tag on the bottom right corner of the table. I have the below code. I have the background image. I have the a tag. 1. Height is working but not the width. 2. how to put the image on the bottom right corner. <table width = "930px" height = "450px" style="background-repeat:no-repeat;" background="../sites/default/files/helpKids.png"><tr> <td> <a href="http://www.test.com">test</a> </td> </tr></table> Thank you in advance.
  21. Hi, I have message with three lines as below: File(s) Added: 11 of 443Files Matched: 4533Last Matched File = 4343.txt I will always get a message similar to above format. But the numbers will be different. I just want to read the number bolded. That number can be 3 digits to 20 digits. How can i have a vbscript to read the number. I started but I am lost. msg = "File(s) Added: 11 of 443 Files Matched: 4533 Last Matched File = 4343.txt"Of_Position = instr(msg, "of") readtheMaxNumber = mid(msg, Of_Position + 2) msgbox readtheMaxNumber Please help.
  22. Hello, I am querying database using sql. Actual data in the table "ADD TWO" but i am getting the below instead: <html><body> <div align = “left”><font face = “Arial”><span style = “font-size:8pt”>ADD TWO </span></font></div></body></html> How can I convert above html into ADD TWO ? Thanks. -N
  23. Both tools are working fine for rectangular crop. Is there any way i can crop it by drawing free straight lines?
  24. Hello, I have an image. I want to crop the image. I do not have any software to crop the image.Do you know any open source tool out there I can use? Please. -N
×
×
  • Create New...