/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Style button
Fra : Nat


Dato : 12-08-04 16:35

Jeg har noget html kode med en default button i.

Eks.

<button class=button>MenuItem 1</button>
<button class=button>MenuItem 2</button>
<button class=button>MenuItem 3</button>

Men hvordan får jeg den til ikke at gøre noget når man klikker på
den? (den rykker teksten og giver sort ramme - kan man slå det
fra?)

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (12-08-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 12-08-04 20:26

Nat wrote:
> Jeg har noget html kode med en default button i.

> <button class=button>MenuItem 1</button>

> Men hvordan får jeg den til ikke at gøre noget når man klikker på
> den? (den rykker teksten og giver sort ramme - kan man slå det
> fra?)

Du vil have en knap til ikke at opføre sig som en knap? Var det ikke nemmere
at lave det som et stylet span?

<span style="color:black;background:silver;border:2px outset
gray;">Knaptekst</span>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Natasja (13-08-2004)
Kommentar
Fra : Natasja


Dato : 13-08-04 13:43

> Du vil have en knap til ikke at opføre sig som en knap? Var det ikke nemmere
> at lave det som et stylet span?

Nej desværre, da <button> funktionen har løst et andet problem som umiddelbart
ikke kan løses på andre måder.

Så hvis der er en måde hvorpå man kan slå de default funktioner fra på på en
button, så ville det være fedt.

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Nat wrote:
> > Jeg har noget html kode med en default button i.
>
> > <button class=button>MenuItem 1</button>
>
> > Men hvordan får jeg den til ikke at gøre noget når man klikker på
> > den? (den rykker teksten og giver sort ramme - kan man slå det
> > fra?)
>
> Du vil have en knap til ikke at opføre sig som en knap? Var det ikke nemmere
> at lave det som et stylet span?
>
> <span style="color:black;background:silver;border:2px outset
> gray;">Knaptekst</span>
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://hjem.get2net.dk/egin
>
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Natasja (13-08-2004)
Kommentar
Fra : Natasja


Dato : 13-08-04 13:44

> Du vil have en knap til ikke at opføre sig som en knap? Var det ikke nemmere
> at lave det som et stylet span?

Nej desværre, da <button> funktionen har løst et andet problem som umiddelbart
ikke kan løses på andre måder.

Så hvis der er en måde hvorpå man kan slå de default funktioner fra på på en
button, så ville det være fedt.

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Nat wrote:
> > Jeg har noget html kode med en default button i.
>
> > <button class=button>MenuItem 1</button>
>
> > Men hvordan får jeg den til ikke at gøre noget når man klikker på
> > den? (den rykker teksten og giver sort ramme - kan man slå det
> > fra?)
>
> Du vil have en knap til ikke at opføre sig som en knap? Var det ikke nemmere
> at lave det som et stylet span?
>
> <span style="color:black;background:silver;border:2px outset
> gray;">Knaptekst</span>
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://hjem.get2net.dk/egin
>
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (13-08-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-08-04 14:11

Natasja wrote:
>> Du vil have en knap til ikke at opføre sig som en knap? Var det ikke
>> nemmere at lave det som et stylet span?
>
> Nej desværre, da <button> funktionen har løst et andet problem som
> umiddelbart ikke kan løses på andre måder.

Nu synes jeg, du skal fortælle os, hvad det er du vil have lavet - inklusive
den funktion, du ikke mener at kunne have i et span.

Kom gerne med url til en side med problemet.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Natasja (16-08-2004)
Kommentar
Fra : Natasja


Dato : 16-08-04 08:41

> Nu synes jeg, du skal fortælle os, hvad det er du vil have lavet - inklusive
> den funktion, du ikke mener at kunne have i et span.

Værs'go - ved ikke helt om du kan bruge det til noget, da jeg jo gav et html
spørgsmål ti lat starte med, og bare ville vide om man kunne lave om på de
default settings der er i en button. Mit problem er at jeg ikke kunne få luft
imellem hver menu-item (knap) da det er en dynamisk menu.... Og det løser
<button>.

<NOINDEX>
   <table cellSpacing="0" cellPadding="0" width="170" border="0">
      <tr>
         <td class="over-nav" colSpan="2"><uc1:defaultconsole id="DefaultConsole1"
runat="server"></uc1:defaultconsole></td>
      </tr>
   </table>
   <table cellSpacing="0" cellPadding="0" width=190>
      <tr>
         <td align="left" valign="top">
            <ul class="<%=menuclass %>">
               <asp:repeater id="Repeater1" runat="server">
                  <ItemTemplate>
                     <li>
                        <button class=button><asp:HyperLink NavigateUrl="<%#
GetChannelStartPageUrl(((Channel)(Container.DataItem))) %>"
CommandArgument="<%# ((ChannelItem)(Container.DataItem)).Name %>"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()" Runat=server
ID="Hyperlink2">
                           <%# ((Channel)(Container.DataItem)).DisplayName %>
                        </asp:HyperLink></button><br><img class=usynligt height=2px>
                        <ul class="invisible">
                           <asp:Repeater id="Repeater2" DataSource="<%#
((Channel)(Container.DataItem)).Channels %>" runat="server">
                              <ItemTemplate>
                                 <li>
                                    <asp:HyperLink NavigateUrl="<%#
GetChannelStartPageUrl(((Channel)(Container.DataItem))) %>" CssClass='submenu'
Runat=server ID="Hyperlink4">
                                       <%# ((Channel)(Container.DataItem)).DisplayName %>
                                    </asp:HyperLink>
                                 </li>
                              </ItemTemplate>
                           </asp:Repeater>
                        </ul>   
                     </li>
                  </ItemTemplate>
               </asp:repeater>
            </ul>
         </td>   
      </tr>
      
   </table>
</NOINDEX>


>
> Kom gerne med url til en side med problemet.
>

Desværre, ingen URL, er i et udviklingsmiljø.



Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Natasja wrote:
> >> Du vil have en knap til ikke at opføre sig som en knap? Var det ikke
> >> nemmere at lave det som et stylet span?
> >
> > Nej desværre, da <button> funktionen har løst et andet problem som
> > umiddelbart ikke kan løses på andre måder.
>
> Nu synes jeg, du skal fortælle os, hvad det er du vil have lavet - inklusive
> den funktion, du ikke mener at kunne have i et span.
>
> Kom gerne med url til en side med problemet.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://hjem.get2net.dk/egin
>
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (16-08-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 16-08-04 09:48

Natasja skrev:

> Værs'go - ved ikke helt om du kan bruge det til noget, da jeg
> jo gav et html spørgsmål ti lat starte med, og bare ville vide
> om man kunne lave om på de default settings der er i en
> button.

Du har sendt kildekoden til en asp.net-fil. Det er svært at tage
stilling til i denne gruppe - prøv i stedet at vise den genererede
html-kode (brug vis kilde i browseren). Det er rigeligt med et
udsnit af koden omkring din menu.

> Mit problem er at jeg ikke kunne få luft imellem hver
> menu-item (knap) da det er en dynamisk menu.... Og det løser
> <button>.

Det ser ud til at du har menuen i en <ul>. I så fald kan du vel
benytte margen/padding på li-elementerne til at regulere luften.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Natasja (16-08-2004)
Kommentar
Fra : Natasja


Dato : 16-08-04 14:26

>prøv i stedet at vise den genererede
> html-kode (brug vis kilde i browseren). Det er rigeligt med et
> udsnit af koden omkring din menu.

Her er kildekoden:

<td vAlign="top" align="left" width="190" height="309">
<table id="Menu" cellSpacing="0" cellPadding="0" width="100%"
align="left" border="0">
   <tr>
   <td id="MenuLuft">

<style>

LI
{
   MARGIN-TOP: 0px;
   DISPLAY: block;
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   MARGIN-BOTTOM: 0px;
   COLOR: #000000;
   MARGIN-RIGHT: 0px;
   FONT-FAMILY: Verdana, Arial, Sans-Serif;
   FLOAT: left;
   WIDTH: 100%;
}
UL
{
   border: #DDD9A7 1px solid;/*sætter border på drop-ud menuen*/
   PADDING-RIGHT: 0px;
   PADDING-LEFT: 0px;
   PADDING-BOTTOM: 0px;
   PADDING-TOP: 0px;
   MARGIN-TOP: 0px;
   MARGIN-BOTTOM: 0px;
   MARGIN-RIGHT: 0px;
   COLOR: #000000;
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   FONT-FAMILY: Verdana, Arial, Sans-Serif;
   DISPLAY: block;
   WIDTH: 220px; /*bredden på drop-ud menuen*/
   
}
invisible
{
   MARGIN-TOP: -15px; /*rykker drop-ud menuen op eller ned, jo større
plus ned, jo større minus op*/
   MARGIN-LEFT: 130px;/*rykker drop-ud menuen ud til højre*/
   POSITION: absolute;
   DISPLAY: none;
   /*border-style: none;/*fjerner borderfarve på alle fire kanter af
cellen v link TEST*/

}
LI A
{
   PADDING-RIGHT: 2px;
   PADDING-LEFT: 2px;
   PADDING-BOTTOM: 2px;
   PADDING-TOP: 2px;
   FONT-FAMILY: Verdana, Arial, Sans-Serif;
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   WIDTH: 100%;
   COLOR: #000000;
   TEXT-DECORATION: none;
   DISPLAY: block;
}
submenu
{
   PADDING-RIGHT: 5px;
   PADDING-LEFT: 20px;/*rykker teksten i drop-ud menuen til højre*/
   PADDING-BOTTOM: 2px;
   PADDING-TOP: 10px;/*afstanden mellem top og punkter samt mellem menu
punkterne, kan også bruge line-height*/
   TEXT-DECORATION: none;
   text-align: left;
   FONT-FAMILY: Verdana, Arial, Sans-Serif;
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   COLOR: #000000;
   WIDTH: 100%;
   BACKGROUND-COLOR: #F4F2E6; /*baggrundsfarven på den uddroppede
menu*/
   DISPLAY: block;
   /*Gør dropout menuen gennemsigtig*/
   position: relative;
   z-index:1000;
   filter: alpha(opacity=90);
   /*Gør dropout menuen gennemsigtig slut*/
}

LI A:hover
{
   COLOR: #000000;
}

A.hassubmenu
{
   BACKGROUND-POSITION: 128px 7px;
}
menuclass
{   
   BORDER-RIGHT: 0px;
   BORDER-TOP: 0px;
   BORDER-LEFT: 0px;
   BORDER-BOTTOM: 0px;
   FLOAT: right;
   MARGIN: 1px 1px 100%;
}

</style>

<NOINDEX>
   <table cellSpacing="0" cellPadding="0" width="170" border="0">
      <tr>
         <td class="over-nav" colSpan="2">
   <table width='100%' border='1' bordercolor="green" cellspacing='0'
cellpadding='5'>
      <tr>
         <td nowrap class="contentTXT">
               
                  
                     <A id="SwitchToPresentationUnpublishedAnchor" href="#"
onclick="CMS_preparePostbackUrl; return false" target=_self>
                        Switch To Edit Site
                     </A>
                     <BR>
                  
               
               
               
               
               
               
            
         </td>
      </tr>
   </table>

</td>
      </tr>
   </table>
   <table cellSpacing="0" cellPadding="0" width=190>
      <tr>
         <td align="left" valign="top">
            <ul class="menuclass">
               
                     <li>
                        <button class=button><a
id="DropDownMenu1_Repeater1__ctl0_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem1"
href="http://www.html.dk">MenuItem1

class=usynligt height=2px>
                        <ul class="invisible">
                           
                        </ul>   
                     </li>
                  
                     <li>
                        <button class=button><a
id="DropDownMenu1_Repeater1__ctl1_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem2"
href=href="http://www.html.dk">MenuItem2

class=usynligt height=2px>
                        <ul class="invisible">
                           
                                 <li>
                                    <a
id="LeftDropDownMenu1_Repeater1__ctl1_Repeater2__ctl0_Hyperlink4"
class="submenu"
href="/site/Menu/MenuItem2/MenuItem2_1/Side1.htm">MenuItem2_1</a>
                                 </li>
                              
                                       
                        </ul>   
                     </li>
                  
                  
                     <li>
                        <button class=button><a
id="DropDownMenu1_Repeater1__ctl0_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem2"
href="http://www.html.dk">MenuItem2

class=usynligt height=2px>
                        <ul class="invisible">
                           
                        </ul>   
                     </li>
                  
                     <li>
                        <button class=button><a
id="DropDownMenu1_Repeater1__ctl1_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem3"
href=href="http://www.html.dk">MenuItem3

class=usynligt height=2px>
                        <ul class="invisible">
                           
                                 <li>
                                    <a
id="LeftDropDownMenu1_Repeater1__ctl1_Repeater2__ctl0_Hyperlink4"
class="submenu"
href="/site/Menu/MenuItem2/MenuItem2_1/Side1.htm">MenuItem3_1</a>
                                 </li>
                              
                                       
                        </ul>   
                     </li>
                  
                     
                  
            </ul>
         </td>   
      </tr>
      
   </table>
</NOINDEX>


Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Natasja skrev:
>
> > Værs'go - ved ikke helt om du kan bruge det til noget, da jeg
> > jo gav et html spørgsmål ti lat starte med, og bare ville vide
> > om man kunne lave om på de default settings der er i en
> > button.
>
> Du har sendt kildekoden til en asp.net-fil. Det er svært at tage
> stilling til i denne gruppe - prøv i stedet at vise den genererede
> html-kode (brug vis kilde i browseren). Det er rigeligt med et
> udsnit af koden omkring din menu.
>
> > Mit problem er at jeg ikke kunne få luft imellem hver
> > menu-item (knap) da det er en dynamisk menu.... Og det løser
> > <button>.
>
> Det ser ud til at du har menuen i en <ul>. I så fald kan du vel
> benytte margen/padding på li-elementerne til at regulere luften.
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (16-08-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 16-08-04 15:13

Natasja skrev:

> <tr>
> <td id="MenuLuft">
>
> <style>

Hov - der er noget galt her. Du må ikke placere style-elementet
andre steder end i <head>-delen af en side.


NB: Læs gerne min signatur.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Natasja (20-08-2004)
Kommentar
Fra : Natasja


Dato : 20-08-04 12:00

> Hov - der er noget galt her. Du må ikke placere style-elementet
> andre steder end i <head>-delen af en side.

Nej, og derfor jeg også postede den "rigtige" fil til at starte
med istedet for "kildefilen". Style elementet er i head-delen i
den oprindelige fil. Men da siden er sammensat af mange dele,
bliver kildefilen lidt anderledens..... Og det giver såmen heller
ingen problemer ellers at kildefilen ser ud som det gør - og det
er ikke det der er mit problem (og jeg er sikker på at det heller
ikke er med til at jeg ikke kan finde en måde hvorpå jeg kan slå
de default settings fra <button>).

Så: er der en måde eller ej hvor man kan slå de default
styles/settings fra på en <button>?

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Natasja skrev:
>
> > <tr>
> > <td id="MenuLuft">
> >
> > <style>
>
> Hov - der er noget galt her. Du må ikke placere style-elementet
> andre steder end i <head>-delen af en side.
>
>
> NB: Læs gerne min signatur.
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (20-08-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-08-04 12:24

Natasja skrev:

>> Hov - der er noget galt her. Du må ikke placere style-elementet
>> andre steder end i <head>-delen af en side.
>
> Nej, og derfor jeg også postede den "rigtige" fil til at starte
> med istedet for "kildefilen". Style elementet er i head-delen i
> den oprindelige fil.


Den kildefil du sendte, er den ikke lavet ved at bruge "Vis kilde"
eller lignende i en browser? I så fald er det den kildefil som
browseren skal fortolke - og dermed fejl heri der er væsentlige for
om siden vises korrekt.

Fejlen skal selvfølgelig rettes i aspx-filen - og det kan også være
lidt af en kunst at finde det rigtige sted her - men det er stadig
kun den genererede fil der skal fortolkes af browseren, og dermed
fejl heri der skal udryddes.

Hvis style-elementet - som det så ud i dit forrige indlæg - havner
i body-delen af et dokument, vil det ikke virke korrekt.

Jeg tror måske du forveksler <HeaderTemplate> eller lignende fra
asp.net med <head> i html-dokumentet. De to ting har ikke noget med
hinanden at gøre - <HeaderTemplate> knytter sig til en
serverkontrol der almindeligvis vises som en del af en html-side (i
body-delen). <Head> er derimod præcis hvad der står mellem <head>
og </head> i den genererede html-kode - hverken mere eller mindre.


>> NB: Læs gerne min signatur.

Du overså vist ovenstående sidst. Når du svarer på indlæg, så klip
venligst det du ikke svarer på direkte væk. På den måde er det
lettere at læse indlæggene. Du kan se teknikken beskrevet i min
signatur eller evt. se hvad din egen newsudbyder skriver om
netiketten: <http://html.dk/nyhedsgrupper/usenet.asp>.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Natasja (20-08-2004)
Kommentar
Fra : Natasja


Dato : 20-08-04 13:31

Jens skrev:
> Du overså vist ovenstående sidst. Når du svarer på indlæg, så klip
> venligst det du ikke svarer på direkte væk. På den måde er det
> lettere at læse indlæggene. Du kan se teknikken beskrevet i min
> signatur eller evt. se hvad din egen newsudbyder skriver om
> netiketten: <http://html.dk/nyhedsgrupper/usenet.asp>.

Okay, det gjorde jeg vist. Men du overser vist mit oprindelige
spørgsmål!

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (20-08-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-08-04 14:14

Natasja skrev:

> Okay, det gjorde jeg vist. Men du overser vist mit oprindelige
> spørgsmål!

Nej, egentlig ikke. Du har et problem med din nuværende kode - der
placerer et style-element et sted hvor det ikke må være. Hvis du
vil have ændret visningen for et givent html-element (button), er
det væsentligt at css-koden placeres korrekt - ellers vil browsere
formentlig ignorere den.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408937
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste