---

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

---

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

---

[...]

>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

---

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

---

[...]

>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

---

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

---

> 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

---

[...]

>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

---

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

---

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

---

[...]

>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

---

"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

---

[...]

>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

---

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

---

[...]

>vertival-align:middle;

nixen.. hjælper intet..

mvh
bo dudek
www.bodudek.dk