/ 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
Placering af tekst på input-knap
Fra : Bo Dudek


Dato : 19-09-03 15:45

Hejsa

Jeg har gang i et website, hvor jeg på en af siderne har en
input-knap. Jeg har pillet lidt ved størrelsen af denne knap vha. css,
og mit eneste problem er, at jeg ikke synes jeg kan styre placeringen
af teksten på knappen. Jeg kunne godt tænke mig, at den sad midt på
knappen vertikalt.

Se hvad jeg mener på denne side:
http://www.bodudek.dk/nyt_website/index.php?side=kont

Hvad er løsningen ?

Mvh
Bo Dudek
www.bodudek.dk


 
 
Jens Gyldenkærne Cla~ (19-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 19-09-03 17:38

Bo Dudek skrev:

> styre placeringen af teksten på knappen. Jeg kunne godt tænke
> mig, at den sad midt på knappen vertikalt.

Prøv således:

<input type="submit" style="width: 4em; text-align: center;"
value="S
e
n
d" />

Et alternativ er at lave knappen som grafik.
--
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

Bo Dudek (19-09-2003)
Kommentar
Fra : Bo Dudek


Dato : 19-09-03 18:24

[...]

>Prøv således:
>
><input type="submit" style="width: 4em; text-align: center;"
>value="Send">

det ændrer ikke på noget som helst.. desværre..


>Et alternativ er at lave knappen som grafik.

yes, er klar over det, ville bare være lettere, hvis man kunne med css

mvh
bo dudek
www.bodudek.dk


Jens Gyldenkærne Cla~ (19-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 19-09-03 22:51

Bo Dudek skrev:

>><input type="submit" style="width: 4em; text-align: center;"
>>value="Send">

Det var ikke hvad jeg skrev. Der skal linjeskift ind mellem
bogstaverne i value-parameteren.

> det ændrer ikke på noget som helst.. desværre..

Prøv at se eksemplet her: <http://damu.dk/jc/usenet/knap.shtml>

Virker i Mozilla og IE - men ikke i Opera.
--
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

Bo Dudek (27-09-2003)
Kommentar
Fra : Bo Dudek


Dato : 27-09-03 07:15

[...]

>Det var ikke hvad jeg skrev. Der skal linjeskift ind mellem
>bogstaverne i value-parameteren.

ehm? snakker vi om, at det skal kunne det samme? jeg vil have min
tekst på min submitknap til at stå centreret VERTIKALT.. ehm??

mvh
bo dudek
www.bodudek.dk


Jens Gyldenkærne Cla~ (27-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 27-09-03 21:07

Bo Dudek skrev:

> ehm? snakker vi om, at det skal kunne det samme? jeg vil have min
> tekst på min submitknap til at stå centreret VERTIKALT.. ehm??

Hvad forstår du ved vertikal? I min ordbog betyder det lodret - og
lodret centrering er præcis hvad jeg har lavet på
<http://damu.dk/jc/usenet/knap.shtml>.

Vandret - eller horisontal - centrering sker helt automatisk på en
knap.
--
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

Ryan Kristensen (28-09-2003)
Kommentar
Fra : Ryan Kristensen


Dato : 28-09-03 20:11

> Hvad forstår du ved vertikal? I min ordbog betyder det lodret - og
> lodret centrering er præcis hvad jeg har lavet på
> <http://damu.dk/jc/usenet/knap.shtml>.

Er dog ikke så pænt i Opera 7.11

--
Ryan



Bo Dudek (29-09-2003)
Kommentar
Fra : Bo Dudek


Dato : 29-09-03 08:25

[...]

>Hvad forstår du ved vertikal? I min ordbog betyder det lodret - og
>lodret centrering er præcis hvad jeg har lavet på
><http://damu.dk/jc/usenet/knap.shtml>.

prøver lige på en anden måde så.. ehm.. vi er enige om, at hvis
teksten på en inputknap er ''chokolade', så vil denne tekst altid stå
centreret på knappen.. altså, det jeg i en tabel ville bruge align til

men jeg mener også, at teksten burde stå centreret vertikalt - altså,
det som jeg ville bruge valign til i en tabel.. men kigger du under
kontakt på www.bodudek.dk, så står 'send' absolut ikke centreret
vertikalt..

er det helt volapyk?

mvh
bo dudek
www.bodudek.dk


Jens Gyldenkærne Cla~ (28-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 28-09-03 20:59

Ryan Kristensen skrev:

>> <http://damu.dk/jc/usenet/knap.shtml>.
>
> Er dog ikke så pænt i Opera 7.11

Nej, jeg ved det (skrev det også første gang jeg gav eksemplet).

Jeg er ikke klar over om linjeskift i value-parameteren er tilladt
og om det er specificeret hvordan det i givet fald skal fortolkes.

Koden i eksemplet får dog ingen anmærkninger fra W3's validator
(som XHTML 1.0 Strict).
--
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

Jens Gyldenkærne Cla~ (29-09-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 29-09-03 11:04

Bo Dudek skrev:

> prøver lige på en anden måde så.. ehm.. vi er enige om, at
> hvis teksten på en inputknap er ''chokolade', så vil denne
> tekst altid stå centreret på knappen..


Ja - i mine browsere er det både vandret og lodret centreret.


> men jeg mener også, at teksten burde stå centreret vertikalt -
> altså, det som jeg ville bruge valign til i en tabel.


Du vil altså have teksten i midten, både vandret og lodret?
Det er - som nævnt ovenfor - standard i de browsere jeg tester i
(IE, Mozila og Opera).

> kigger du under kontakt på www.bodudek.dk, så står 'send'
> absolut ikke centreret vertikalt..

Øh - jo. Selve knappen står til højre i boksen, men som jeg har
forstået dig er problemet selve teksten på knappen. Er det i
virkeligheden bare knappen du vil centrere?

Det kan gøres ved at sætte text-align på det omgivende td-element
til center.
--
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

Bo Dudek (29-09-2003)
Kommentar
Fra : Bo Dudek


Dato : 29-09-03 16:28

[...]

>Ja - i mine browsere er det både vandret og lodret centreret.

er stadig ikke sikker på, at vi snakker om det samme


[...]

>Du vil altså have teksten i midten, både vandret og lodret?
>Det er - som nævnt ovenfor - standard i de browsere jeg tester i
>(IE, Mozila og Opera).

underligt.. sådan er det ikke her..


[...]

for at gøre det lidt lette at forstå, så har jeg taget et skærmdump og
croppet mig frem til knappen.. denne kan findes her:
http://www.bodudek.dk/knap.gif.. er vi enige om, at på det billede
står 'Send' tættere på bunden af knappen end toppen?

mvh
bo dudek
www.bodudek.dk


Erik Ginnerskov (29-09-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-09-03 17:42


"Bo Dudek" <bo@FJERNbodudek.dk> skrev
> for at gøre det lidt lette at forstå, så har jeg taget et skærmdump og
> croppet mig frem til knappen.. denne kan findes her:
> http://www.bodudek.dk/knap.gif.. er vi enige om, at på det billede
> står 'Send' tættere på bunden af knappen end toppen?

Over teksten er der på 'knapfladen' 3 pixels.
Under teksten er der på 'knapfladen' 2 pixels.

Da browseren ikke kan operere med halve pixels, kan du ikke forvente større
nøjagtighed. Men måske snydes du af, at der over knapfladen ligger en streg
af 1 px. bredde, med næsten samme farve som knapfladen. Denne streg hører
imidlertid til knappens 'skrå kant'.

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



Bo Dudek (29-09-2003)
Kommentar
Fra : Bo Dudek


Dato : 29-09-03 19:22

[...]

>Over teksten er der på 'knapfladen' 3 pixels.
>Under teksten er der på 'knapfladen' 2 pixels.
>
>Da browseren ikke kan operere med halve pixels, kan du ikke forvente større
>nøjagtighed. Men måske snydes du af, at der over knapfladen ligger en streg
>af 1 px. bredde, med næsten samme farve som knapfladen. Denne streg hører
>imidlertid til knappens 'skrå kant'.

ach ja, du har ganske ret.. jamen, jeg løser så bare problemet ved at
gøre knappen 1px højere..

thx, du
mvh
bo dudek
www.bodudek.dk


Lobais (20-09-2003)
Kommentar
Fra : Lobais


Dato : 20-09-03 08:21

Bo Dudek wrote in dk.edb.internet.webdesign.html:
> Hejsa
>
> Jeg har gang i et website, hvor jeg på en af siderne har en
> input-knap. Jeg har pillet lidt ved størrelsen af denne knap vha. css,
> og mit eneste problem er, at jeg ikke synes jeg kan styre placeringen
> af teksten på knappen. Jeg kunne godt tænke mig, at den sad midt på
> knappen vertikalt.
>
> Se hvad jeg mener på denne side:
> http://www.bodudek.dk/nyt_website/index.php?side=kont
>
> Hvad er løsningen ?
vertival-align:middle;

--
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

Bo Dudek (27-09-2003)
Kommentar
Fra : Bo Dudek


Dato : 27-09-03 07:14

[...]

>vertival-align:middle;

nixen.. hjælper intet..

mvh
bo dudek
www.bodudek.dk


Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste