Programming Help

Web Development



What's Here?

  • Members: 109,338
  • Replies: 413,940
  • Topics: 62,923
  • Snippets: 2,286
  • Tutorials: 607
  • Total Online: 942
  • Members: 45
  • Guests: 897

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 109,338 Programmers for FREE! Ask your question and get quick answers from experts. There are 942 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



How to make submit buttons appear with blue border

 
 Reply to this topicStart new topic

How to make submit buttons appear with blue border
HowdeeDoodee
post 17 Jun, 2008 - 05:45 PM
Post #1


D.I.C Head

**
Joined: 17 Jun, 2008
Posts: 54
I use Bible software called Bible SuperSearch. The following link is for a church who also uses the software.

[url=http://www.bordentownchurch.org/bible_search/index.php?interface=advanced[/url]

The page above does not come standard with the software. The page above was altered from the regular software package.
The alterations made were made in both CSS and in PHP.

After installation, the software package shows the following page without any alterations.

http://www.findthepower.net/CP/BibleSuperS...erface=advanced

I want to alter the software package to make the page just above look like the page from Bordentown church.

The directory for the Bible software where the CSS is stored is labeled "interfaces" and in this directory there are both css files and php files.

http://www.findthepower.net/CP/BibleSuperS...erface=advanced

I want the buttons on the page

http://www.findthepower.net/CP/BibleSuperS...erface=advanced

to have a blue outline. I changed the css code but I see no changes on the actual php page.


CODE
/*>>>>>>>>>>>>>>>>I changed the following code so the buttons would have a blue outline, but on this Advanced page, the buttons do not show any blue outline.*/
.button_small{width:50px; padding:0;border-style:solid;border-color:#007FFF;}
.button_med{width:80px;border-style:solid;border-color:#007FFF;}



CODE

/* FORMATTING BUTTONS */
a.forma{}

a.f-style{}
a:hover.f-style{}
a.visited.f-style{}

a.f-large{font-size:14pt;}
a:hover.f-large{}
a:visited.f-large{}

a.f-medium{font-size:12pt;}
a:hover.f-medium{}
a:visited.f-medium{}

a.f-small{font-size:10pt;}
a:hover.f-small{}
a:visited.f-small{}

a.f-serif{font-family:serif;}
a:hover.f-serif{}
a:visited.f-serif{}

a.f-sans{font-family:sans-serif;}
a:hover.f-sans{}
a:visited.f-sans{}

a.f-mono{font-family:monospace; font-size:13pt;}
a:hover.f-mono{}
a:visited.f-mono{}

/* FORMS */

/* General forms /*

/* Text boxes */
.text_box{}
/* Passage and search queries*/
.query{width:300px; }

/* Drop-down menus */
.drop_down{}

/* NEW MATERIAL */

/* Advanced general div */
div.adv_form{margin-left:auto;margin-right:auto;background-color:;position:relative;width:600;text-align:left;padding:10px;}

/* Advanced "Restrict Search" */
div.adv_restrict{position:absolute; left:330px;top:104px;text-fact:2px;}

/* Advanced Header */
div.adv_header{text-align:center; font-size:15pt; color:navy;}

/* Proximity Range */

.prox_range{width:100px}

/* Proximity keywords */

.prox_keywords{width:200px;}

/* Search type drop down */
.searchtype{width:107px;}

/* Book list drop down */
.book_list{width:130px;}

/* Labels for radio buttons and check boxes */
/* (Text for search type, Whole words only */
.label{font-size:80%; font-family:Arial; color:white;}

/* Bible version (drop-down menu) */
.bible_version{width:250px}

/* Buttons */
.button{font-family:Arial, sans-serif;font-size:9pt;padding:0;margin:0;vertical-align:center;}
/* this controls various aspects of different sized buttons,
   so they all look identical */

/*>>>>>>>>>>>>>>>>I changed the following code so the buttons would have a blue outline, but on this Advanced page, the buttons do not show any blue outline.*/
.button_small{width:50px; padding:0;border-style:solid;border-color:#007FFF;}
.button_med{width:80px;border-style:solid;border-color:#007FFF;}



Here is the php/html code for the Advanced page.
CODE

<?php

// Parallel interface

require_once("bible_init.php");
// Interface Name
$interface_name="Advanced";
$interface="advanced";
$interface_description="Advanced Search Page.";


$interface_text="

<span class=title>Bible SuperSearch Advanced Search</span>

<div class=adv_form>
<form name=me action=$url method=get>
<div class=adv_header>Word Search</div>
<p class=center>

".advancedsearchbible()."

</p>

Find verses containing:
<table style='background-color:transparent;padding:0' border=0>
<tr><td><b>All</b> of the words: </td><td> <input type=text name=all> </td>
<td rowspan=5 style='padding:5px'>
<nobr>Restrict search to:<input type=hidden name=searchtype value='Boolean Search'></nobr>

<select name='lookup2'>".limitSearch("Reference(s) Below").otdropdown().ntdropdown()."</select></nobr><br>
<input type=checkbox name=\"wholeword\" checked id=\"ww\" value=\"Whole words only.\"> <label for=\"ww\"><nobr>Whole Words</nobr></label><br>
<input type=checkbox name='within' id='within' value='true'> <label for='within'>Search within results</label><br>
<br>
<div style='text-align:right'><input type='submit' value='Word Search'></div>

</td></tr>
<tr><td><b>Any</b> of the words: </td><td> <input type=text name=any> </td></tr>
<tr><td style='width:170px'><b>Only one</b> of the words: </td><td> <input type=text name=one> </td></tr>
<tr><td><b>None</b> of the words: </td><td> <input type=text name=none> </td></tr>
<tr><td>The <b>exact phrase</b>: </td><td> <input type=text name=phrase> </td></tr>
</table>
<br>
<div class=adv_restrict>

<!--<select name='chap2chap'><option value=''> Book </option><option> Old Testament </option>".otdropdown()."<option> New Testament </option>".ntdropdown()."</select> &nbsp;<input type=text class=chapter2chapter name=chapter1 maxlength=3> <b>:</b> <input type=text class=chapter2chapter name=verse1 maxlength=3> <b>-</b> <input type=text class=chapter2chapter name=chapter2  maxlength=3> <b>:</b> <input type=text  maxlength=3 class=chapter2chapter name=verse2><br><BR>-->

</div>

<b>Power Search</b><br>
<table style='background-color:transparent;margin-right:auto;padding:0;width:100%' border=0>
<tr><td>Passage<br>limitation </td><td><textarea name=lookup cols=60 rows=1 class=power></textarea></td><td rowspan=2>
<input type='submit' value='Power\nSearch'> </td></tr>
<tr><td>Boolean<br>Search</td><td><textarea name=search cols=60 rows=1 class=power></textarea><br></td></tr>
</table>

<br>
<div class=adv_prox>

<b>Proximity Search</b><br>
<table style='width:100%' border=0><tr><td>
Find words within <select name='proxrange' class='prox_range'><option value='1'>&plusmn; 1 verse</option>
<option value='2'>&plusmn; 2 verses</option><option value='3'>&plusmn; 3 verses</option><option value='4'>&plusmn; 4 verses</option>
<option value='5' selected>&plusmn; 5 verses</option><option value='10'>&plusmn; 10 verses</option><option value='20'>&plusmn; 20 verses</option><option value='200'>a Chapter</option></select>&nbsp; &nbsp;
<input type=text name='prox' class='prox_keywords'> </td><td style='text-align:right'><input type='submit' value='Proximity Search'></td></tr></table>
</div>

".formMemory()."
</form>
</div><br>

<div class=adv_form>
<form name=look action=$url method=get>
<div class=adv_header>Passage Retrieval</div>

<p class=center>

".advancedsearchbible()."

</p>

<table style='width:100%' border=0><tr><td style='width:90px'>
Passage(s) &nbsp; </td><td style='width:350px'><input type=text name=lookup style='width:100%'> </td><td style='text-align:right'><input type=submit value='Passage Retrieval'></td></tr>
<tr><td colspan=3><span style='font-size:80%'>Example: Rom 5:1-3; Jn 15:5</span></td></tr></table><br>

<!--<select name='chap2chap'><option value=''> Book </option><option> Old Testament </option>".otdropdown()."<option> New Testament </option>".ntdropdown()."</select> &nbsp;<input type=text class=chapter2chapter name=chapter1 maxlength=3> <b>:</b> <input type=text class=chapter2chapter name=verse1 maxlength=3> <b>-</b> <input type=text class=chapter2chapter name=chapter2  maxlength=3> <b>:</b> <input type=text  maxlength=3 class=chapter2chapter name=verse2> <input type=submit value='Go'> &nbsp; -->

<!--<input type=submit name='lookup2' value='Random Verse' style='width:120px'>
<input type=submit name='lookup2' value='Random Chapter' style='width:120px'>

<BR><br>-->

Browse by Book: ".bookdropdown("ot")." <input type=submit value='Go';border-style=solid;border-color:#007FFF;> ".bookdropdown("nt")."
<input type=submit value='Go'>
".formMemory()."
</form>
</div>
<input type=hidden name=submit value=true>
<br>
".youRequested()."
</center><br>
".formMemory()."
</form>
";
require_once("bible_interfaces.php");
User is offlineProfile CardPM

Go to the top of the page


BetaWar
post 17 Jun, 2008 - 06:01 PM
Post #2


#include <soul.h>

Group Icon
Joined: 7 Sep, 2006
Posts: 1,242



Thanked 38 times

Dream Kudos: 775
My Contributions
They have every input as the blue border, so I am pretty sure they used this to make it so:

CODE
input{
border: 2px solid #007FFF;
}


The issue with you code (as far as I can tell) is that you haven't told it how much of a border to place (default 0px):

CODE
/*>>>>>>>>>>>>>>>>I changed the following code so the buttons would have a blue outline, but on this Advanced page, the buttons do not show any blue outline.*/
.button_small{width:50px; padding:0;border: 2px solid #007FFF;}
.button_med{width:80px;border: 2px solid #007FFF;}


Hopefully that works for you
User is online!Profile CardPM

Go to the top of the page

level1
post 17 Jun, 2008 - 06:08 PM
Post #3


New D.I.C Head

*
Joined: 12 Jun, 2008
Posts: 34



Thanked 5 times
My Contributions
You have two problems here. First with your style sheet you are telling it to modify two classes that don't show up in your html. (the '.' in your style sheet means class). Second, you are missing a border width. I define my borders this way - border: width style color; - a working example may be border: 1px solid #000;

I would fix what you have by adding the class blueborder to each of the buttons you want to have a blue border - add this to each of them class="blueborder". Then add this to your stle sheet

CODE
.blueborder { border: 1px solid blue; }


that should fix it!
User is offlineProfile CardPM

Go to the top of the page

HowdeeDoodee
post 17 Jun, 2008 - 06:21 PM
Post #4


D.I.C Head

**
Joined: 17 Jun, 2008
Posts: 54
QUOTE(level1 @ 17 Jun, 2008 - 06:08 PM) *

You have two problems here. First with your style sheet you are telling it to modify two classes that don't show up in your html. (the '.' in your style sheet means class). Second, you are missing a border width. I define my borders this way - border: width style color; - a working example may be border: 1px solid #000;

I would fix what you have by adding the class blueborder to each of the buttons you want to have a blue border - add this to each of them class="blueborder". Then add this to your stle sheet

CODE
.blueborder { border: 1px solid blue; }


that should fix it!


Thank you to both of you for your responses. I appreciate your time. I will start changing things to see how it goes. Thank you again.
User is offlineProfile CardPM

Go to the top of the page

HowdeeDoodee
post 17 Jun, 2008 - 07:13 PM
Post #5


D.I.C Head

**
Joined: 17 Jun, 2008
Posts: 54
I need syntax help.

I am having new problems trying to implement your suggestions.

I entered the following line in the css file

CODE
.blueborder { border: 1px solid blue; }


Then I changed this original line in the php file

CODE
<div style='text-align:right'><input type='submit'  value='Word Search'></div>


But when I enter class="blueborder" in the following lines I get a white screen.

This line produces a white screen.

CODE
<div style='text-align:right'><input type='submit'  class="blueborder" value='Word Search'></div>


This line produces a white screen.
CODE
<div style='text-align:right'><input type='submit'  value='Word Search' class="blueborder"></div>


Can any of you give me right right syntax for entering
CODE
class="blueborder"
in the php file lines?

Thank you in advance for your replies.
User is offlineProfile CardPM

Go to the top of the page

BetaWar
post 17 Jun, 2008 - 07:56 PM
Post #6


#include <soul.h>

Group Icon
Joined: 7 Sep, 2006
Posts: 1,242



Thanked 38 times

Dream Kudos: 775
My Contributions
Sounds like you are using an echo/print with double quotes, at which point you can try using this:

CODE
class=\"blueborder\"


or:

CODE
class='blueborder'


The second one will go better with the rest of the code above and look more natural to anyone reading your source.
User is online!Profile CardPM

Go to the top of the page

HowdeeDoodee
post 17 Jun, 2008 - 08:17 PM
Post #7


D.I.C Head

**
Joined: 17 Jun, 2008
Posts: 54
QUOTE(BetaWar @ 17 Jun, 2008 - 07:56 PM) *

Sounds like you are using an echo/print with double quotes, at which point you can try using this:

CODE
class=\"blueborder\"


or:

CODE
class='blueborder'


The second one will go better with the rest of the code above and look more natural to anyone reading your source.


OK, using the following code line makes a blue border show but the button image and the text on the button are wiped out. All I see is the blue border and nothing else. Here is the line with the trouble.

[ccde]<div style='text-align:right'><input type='submit value='Word Search' class='blueborder'></div>[/ccde]
User is offlineProfile CardPM

Go to the top of the page

HowdeeDoodee
post 17 Jun, 2008 - 08:47 PM
Post #8


D.I.C Head

**
Joined: 17 Jun, 2008
Posts: 54
Oops.

I found the error.

The line should read...

CODE
<div style='text-align:right'><input type='submit' class='blueborder' value='Word Search'></div>
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 9/6/08 05:03PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month