Removing Blue border around Search Button
Last Post 09/03/2007 3:43 AM by Lee Sykes. 11 Replies.
Author Messages
jamx551
Nuke Active Member
Nuke Active Member
Posts:39


--
08/23/2007 5:59 PM
    Hi All

    In my website at http://www.premierwebplatform.com/c...fault.aspx 
    you will notice the 'Go' button has a blue border .. I would like to remove that annoying blue border

    I ofcourse declared it in my xml.. I tried using border-style:none in the CSS but it doesnt work

    Any other ideas?
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/23/2007 7:22 PM
    It looks as if you've removed the blue border. But, it also appears that you have a white background. I'd have to look at the code, but I think that you want to make the image have a transparent background.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:35 PM
    No the blue border is still there.. you need to view it in IE..

    Here's the code in XML :


    [SEARCH]


    submit
    ]]>


    CssClass
    Search





    code in CSS :


    .Search {
    FONT-SIZE: 10pt; COLOR: #fff; FONT-FAMILY: BerlinSansFBDemi, Tahoma; border-style: none; TEXT-DECORATION: none
    }
    A.Search:link {
    FONT-SIZE: 10pt; COLOR: #fff; FONT-FAMILY: BerlinSansFBDemi, Tahoma; border-style: none; TEXT-DECORATION: none
    }
    A.Search:visited {
    FONT-SIZE: 10pt; COLOR: #fff; FONT-FAMILY: BerlinSansFBDemi, Tahoma; border-style: none; TEXT-DECORATION: none
    }
    A.Search:hover {
    FONT-SIZE: 10pt; COLOR: #f80000; FONT-FAMILY: BerlinSansFBDemi, Tahoma; border-style: none; TEXT-DECORATION: none
    }
    A.Search:active {
    FONT-SIZE: 10pt; COLOR: #fff; FONT-FAMILY: BerlinSansFBDemi, Tahoma; border-style: none; TEXT-DECORATION: none
    }

    Anybody else has an idea?
    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:36 PM

    [SEARCH]


    submit
    ]]>



    CssClass
    Search


    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:37 PM

    Sorry for the missing code above..

     

    here the XML code:

     

     
        [SEARCH]
       
      
            submit
            ]]>

         
         
            CssClass
            Search
         

       
     

    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:39 PM

     
        [SEARCH]
       
      
            submit
            ]]>

         
         
            CssClass
            Search
         

       
     

    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:39 PM
    submit
    ]]>
    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:42 PM
    Im sorry but I seem to have problems pasting here the XML code.. it doesnt display them right.. anyway part of the code is ]]>
    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 8:43 PM
    Oh this is really weird.. the code I typed doesnt still display properly..
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/23/2007 10:11 PM
    No, you have to leave out the tags, or use [ and ]. The text that you type into a forum message is interpreted as HTML.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    jamx551
    Nuke Active Member
    Nuke Active Member
    Posts:39


    --
    08/23/2007 11:38 PM
    Object
    Token [SEARCH] Token
    Settings
    Setting
    Name submitName
    Value ![CDATA[img src="go.jpg"]] Value

    Setting
    Setting
    Name CssClass Name
    Value Search Value
    Setting
    Settings
    Object
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    09/03/2007 3:43 AM
    Hello,

    It's adding a link border around the image, you could try using in the skin.css:

    a img {
    border-width: 0;
    }

    Which will remove all borders around any images that are links.
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---