webForumDet fria alternativet

div och span

13 svar · 616 visningar · startad av Alpha II

Alpha IIMedlem sedan maj 20002 579 inlägg
#1

Vad är det för skillnad mellan div och span?

<html>
<head>
<style type="text/css">
.text { font-size: 10px; font-family: verdana; }
</style>
</head>
<body>
<div class="text">bla bla</div>

<span class="text">bla bla</span>
</body>
</html>

Blir det nån skillnad? :q

------------------
Alpha II med rätt att döda

@ndersMedlem sedan juni 200026 914 inlägg
#2

om jag inte helt missminner mig ingår en radbrytning i <div>, men inte i span.

fel :q

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
if i'm not back in five minutes, just wait longer.</A>

PeWMedlem sedan juni 20006 839 inlägg
#3

Nej, det var inte fel. Span taggen körs om man behöver formatera några rader med text i ett stycke, eller så.
Typ:

<html>
<head>
<style type="text/css">
.text { font-size: 10px; font-family: verdana; }
</style>
</head>
<body>
<p>Mycket
<span class="text">bla bla</span> 
blir det här</p>
</body>
</html>

------------------
Ancilla, face mea laganum!

KimMedlem sedan jan. 20003 571 inlägg
#4

Richtig :)

------------------
Jag är hellre rik än dum

@ndersMedlem sedan juni 200026 914 inlägg
#5

ja, alles gut! danke! ;)

------------------
<A HREF="http://cartman.nu" TARGET=_blank>
if i'm not back in five minutes, just wait longer.</A>

cascaMedlem sedan feb. 20003 262 inlägg
#6

Ni glömmer väl inte bort att man kan använda CLASS-attributet på en tabell eller nåt sånt? ;)

------------------
jo, jag är nog dummare än jag ser ut

[Redigerat av casca den 10 feb 2001]

martinMedlem sedan apr. 2000296 inlägg
#7

Hej hopp
div-taggen är ett block-element och span-taggen är ett inline-objekt.

/ m a r t i n

------------------
martin.iconmedialab.se
martin@iconmedialab.se

Web-TorMedlem sedan nov. 200011 794 inlägg
#8

div-taggen är ett block-element och span-taggen är ett inline-objekt

Tack! Nu blev vi mycket klokare...

/Tor

------------------
TorWeb
-------------------

JojoxxMedlem sedan juni 20004 306 inlägg
#9

Taggar delas upp i inline-objekt som t.ex. <i>, <a>, text och block-objekt som listor, tabeller. Ett inline-objekt som containern <span> får inte innehålla block-element, men vice versa går bra.

Rätt:

<div id="foo">
<table><tr><td>Hej</td></tr></table>
</div>

Fel:

<span id="foo">
<table><tr><td>Hej</td></tr></table>
</span>

------------------
/ J

Erik JuhlinMedlem sedan maj 20007 625 inlägg
#10

Men block-objekt får väl innehålla block-objekt och inline-objekt får innehålla inline-objekt?

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

JojoxxMedlem sedan juni 20004 306 inlägg
#11

Ja, tack och lov :)

------------------
/ J

webbmannenMedlem sedan dec. 1999659 inlägg
#12

Ni tycks ju ha kläm på detta så då ställer jag frågan:

Om man vill flytta in texten i en <td> 15 pixlar - hur gör man då :q

/webb

------------------
PPS = Programmering På Svenska

Erik JuhlinMedlem sedan maj 20007 625 inlägg
#13

Vad har detta med block/inline-objekt? :)
Men vill du att texten ska gå in 15 pixlar så kan du skriva:

<td style="padding-left: 15px">

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

webbmannenMedlem sedan dec. 1999659 inlägg
#14

Trodde förstås att man fixade det med någondera. Skulle kanske lagt till "...men det kanske är style man använder?"

Tack för svaret.

/webb

------------------
PPS = Programmering På Svenska

Genererad på 379 ms · cache AV · v20260730165559-full.f96bc7eb