Avatar billede comeback Nybegynder
27. september 2006 - 22:54 Der er 12 kommentarer og
2 løsninger

Style en button

Jeg har en button der ser således ud:

<div id="search">
                    <div align="left">
                      <!--BEGIN Search Box -->
<form action="http://vitaminer.com/fleh/index.php?page=shop.browse&option=com_virtuemart&Itemid=1" method="post"><p><input name="keyword" type="text" class="inputbox" id="keyword" title="Search" onBlur="if(this.value=='')this.value='';" onFocus="if(this.value=='')this.value='';" value='' size="12"  />
    <input class="button" type="submit" name="Search" id="Search" value="" />
</p>
</form>
<!-- End Search Box -->                   </div>
                </div>

Hvordan kan jeg style den via eksternt css - Jeg har forsøgt mig sådan men kan vist ikke helt få styr på det.

#search button {
background: url(../images/back_search.jpg) -10px 1px no-repeat;
width: 60px;
padding-top:5px;
height: 18px;
border:none;
background-color:transparent;
cursor: pointer;
cursor: hand;
color:#bebebe;

}


Det skal jo kun være den knap til søgningen der styles..

Håber der er skarp derude der kan hjælpe :-)
Avatar billede hostgirl Nybegynder
27. september 2006 - 22:57 #1
button er også et html-tag, og derfor vil ovenstående ikke fungere:

#search button {    prøv med .button {
Avatar billede Jman Praktikant
27. september 2006 - 23:01 #2
Når du har class="button" kan du vel bare lave den således:

.button {
background: url(../images/back_search.jpg) -10px 1px no-repeat;
width: 60px;
padding-top:5px;
height: 18px;
border:none;
background-color:transparent;
cursor: pointer;
cursor: hand;
color:#bebebe;
}
Avatar billede comeback Nybegynder
27. september 2006 - 23:08 #3
jo - Men så rammer jeg alle dem der (og der er mange) der har den style..Kan man ikke sige  (meta kode)
"Den button der har under div tagget search"
Avatar billede gider_ikke_mere Nybegynder
27. september 2006 - 23:17 #4
Det skulle gerne virke således:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
#search {
    background: url(IMG_0433_lille.png) -10px 1px no-repeat;
width: 60px;
padding-top:5px;
height: 18px;
border:none;
background-color:transparent;
cursor: pointer;
cursor: hand;
color:#bebebe;
}
-->
</style>
</head>



<body>
<div id="search">
<div align="left">
<!--BEGIN Search Box -->
<form action="http://vitaminer.com/fleh/index.php?page=shop.browse&option=com_virtuemart&Itemid=1" method="post"><p><input name="keyword" type="text" class="inputbox" id="keyword" title="Search" onBlur="if(this.value=='')this.value='';" onFocus="if(this.value=='')this.value='';" value='' size="12"  />
    <input class="button" type="submit" name="Search" id="search" value="" />
</p>
</form>
<!-- End Search Box -->                 
</div>
</div>
</body>
</html>
Avatar billede comeback Nybegynder
27. september 2006 - 23:21 #5
Hvilket jo så leder mig på sporet :-)

#search .button {
blablabla
}

Den rammer kun lige den #search button og ingen andre :-) Takl for super hurtig hjælp
Avatar billede comeback Nybegynder
27. september 2006 - 23:21 #6
akyhne - Smid et svar
Avatar billede gider_ikke_mere Nybegynder
27. september 2006 - 23:33 #7
Et svar :-)
Avatar billede mclemens Nybegynder
27. september 2006 - 23:57 #8
Var det ikke det samme hostgirl skrev???

[ button er også et html-tag, og derfor vil ovenstående ikke fungere:
#search button {    prøv med .button { ]

- Hun mente altså #search .button {
Avatar billede olebole Juniormester
28. september 2006 - 12:32 #9
<ole>

- og den efterhånden klassiske kommentar: Dette kan du ikke bruge under XHTML:
    this.value = "";

Du skal bruge henholdsvis setAttribute og getAttribute - ligesom det er vigtigt at skrive event-handlers i lowercase ... 'onfocus' og 'onblur'  :)

/mvh
</bole>
Avatar billede comeback Nybegynder
28. september 2006 - 16:00 #10
mclemens du har ret

Hostgirl smid et svar :-)

olebole du har sikekrt ret...
Avatar billede hostgirl Nybegynder
28. september 2006 - 16:04 #11
svar
Avatar billede comeback Nybegynder
28. september 2006 - 19:50 #12
Håber alle er glade og tilfredse:-) Tak for hjælpen
Avatar billede Jman Praktikant
28. september 2006 - 22:21 #13
olebole - det var ikke spørgsmålet :)
Avatar billede gider_ikke_mere Nybegynder
29. september 2006 - 00:07 #14
Det er fint med mig. Tak for point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester