html - Vandret prik form? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 > >>

Bruger #15047 @ 14.02.10 18:46

Hejsa.

Normalt når jeg bruger

HTML kode

 <!-- Bare et eksempel -->
 <ul>
   <li>Coffee</li>
   <li>Tea</li>
   <li>Coca Cola</li>
 </ul>

Går den jo lodret ind, hvordan kan jeg få den til at gå vandret?

- Mvh. Magnus.

Bruger #13363 @ 14.02.10 18:50

160

Kode

<ul>
   <li style="float:left;">Coffee</li>
   <li style="float:left;">Tea</li>
   <li style="float:left;">Coca Cola</li>
 </ul>

Det skulle gerne virke

Bruger #14645 @ 14.02.10 18:51

806

Det tror jeg umiddelbart ikke man kan gøre på den måde. Måske med en tabel med usynlig border.

Jeg bøjer mig for ovenstående

. Selvom det godt nok ser grimt ud for mig i FF. Prikker ligger oveni teksten af den forrige list item.

Indlæg senest redigeret d. 14.02.2010 18:53 af Bruger #14645

Bruger #13363 @ 14.02.10 18:57

160

fandt også lige ud af at float ødelægger list formen

Måske sådan her så:

Kode

<ul>
<div style="float:left;">
   <li>Coffee</li>
</div>
<div style="float:left;margin-left:30px;">
   <li>Tea</li>
</div>
<div style="float:left;margin-left:30px;">
   <li>Coca Cola</li>
</div>
 </ul>

Bruger #8773 @ 14.02.10 21:39

658

du skal bruge display:inline; mener jeg..

Bruger #15047 @ 14.02.10 22:05

Tusinde tak. Nu er den lodret

Bruger #8773 @ 14.02.10 22:27

658

Tusinde tak. Nu er den lodret

Du mener vel vandret?

Og var det min metode du fik til at virke?

Bruger #8223 @ 15.02.10 13:42

1.065

fandt også lige ud af at float ødelægger list formen

Måske sådan her så:

Kode

<ul>
<div style="float:left;">
   <li>Coffee</li>
</div>
<div style="float:left;margin-left:30px;">
   <li>Tea</li>
</div>
<div style="float:left;margin-left:30px;">
   <li>Coca Cola</li>
</div>
 </ul>

Det skal du lade være med, det er meget invalid HTML

Bruger #13363 @ 15.02.10 14:38

160

Det er jeg godt klar over Per. Har opgivet at overholde html standarderne for længst.

Bruger #15047 @ 15.02.10 14:42

Jeg brugte:

Kode

<ul>
<div style="float:left;">
   <li>Coffee</li>
</div>
<div style="float:left;margin-left:30px;">
   <li>Tea</li>
</div>
<div style="float:left;margin-left:30px;">
   <li>Coca Cola</li>
</div>
 </ul>

Bruger #13363 @ 15.02.10 14:59

160

Magnus, ud fra hvad Per skrev, har jeg lavet en ny kode der stadig viser det samme.
I stedet for at bruge <ul> og <li> elementerne har jeg valgt at lave <span> elementer der opfører sig som <li> elementerne.

Kode

 <div style="float: left;margin-left: 30px;">
 <span style="display: list-item;">
 Coffee
 </span>
 </div>
 
 <div style="float: left;margin-left: 30px;">
 <span style="display: list-item;">
 Tea
 </span>
 </div>
 
  <div style="float: left;margin-left: 30px;">
 <span style="display: list-item;">
 Coca Cola
 </span>
 </div>

Per, det skulle gerne være valid html

Indlæg senest redigeret d. 15.02.2010 15:00 af Bruger #13363

<< < 1 2 > >>

Vandret prik form?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler