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