/ 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
span height og width
Fra : Hansen


Dato : 16-05-06 09:20

Hejsa

Er det ikke muligt at give et <span> en style="Width: x; Height: y;"? (x og
y er bare tal)

/Hansen



 
 
Jens Gyldenkærne Cla~ (16-05-2006)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 16-05-06 09:32

Hansen skrev:

> Er det ikke muligt at give et <span> en style="Width: x;
> Height: y;"? (x og y er bare tal)

Ikke direkte. Span er et inline-element[1], og skal derfor ikke reagere
på højde- og bredde-angivelser.

Du kan omgå det ved at sætte blok-visning på span:

span{
   display: block;
   width: 40px;
   height: 60px;
}

- men det vil nok være mere logisk at anvende en div i stedet for
span.

NB: Husk at der altid skal enheder på i css - så x og y i dit
eksempel skal være et tal + en enhed hvis det skal fungere korrekt.

Noter:
======
[1] Mere præcist et "nonreplaced inline element" - man kan godt sætte
størrelsen på inlineelementer som img og iframe
--
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

Jørgen Farum Jensen (16-05-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 16-05-06 23:06

Jens Gyldenkærne Clausen wrote:

> Ikke direkte. Span er et inline-element[1], og skal derfor ikke reagere
> på højde- og bredde-angivelser.
>
> Du kan omgå det ved at sætte blok-visning på span:
>
> span{
>    display: block;
>    width: 40px;
>    height: 60px;
> }

Så er det jo lissom tanke med span-elementet er
forpasset, display:block sætter jo et linieskift
ind før og efter.

Derimod kan man udvide arealet, der dækkes af en
span med padding, ligesom margin og border også
går an.

--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

Ryan Kristensen (16-05-2006)
Kommentar
Fra : Ryan Kristensen


Dato : 16-05-06 23:41

On Wed, 17 May 2006 00:05:48 +0200, Jørgen Farum Jensen
<jfjenzen@yahoo.dk> wrote:

> Så er det jo lissom tanke med span-elementet er
> forpasset, display:block sætter jo et linieskift
> ind før og efter.

Ellers kan du bruge inline-block samt -moz-inline-box.

Gad i øvrigt godt vide hvornår FF har tænkt sig at begynde at understøtte
inline-block? Selv IE accepterer den.

--
Ryan Kristensen

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

Månedens bedste
Årets bedste
Sidste års bedste