|
| css <li> ?? Fra : Is |
Dato : 18-01-08 20:54 |
|
Hej
Jeg er ved at opdatere noget på en hjemmeside.
I css <li> står:
LI
{
text-align : left;
font : 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style : url(images/ny/pote02.gif);
}
og det er fint nok, men på en anden side vil jeg også gerne lave noget
med punktopstilling.
Der vil jeg bare have en anden skriftstørelse.
Hvordan gør jeg det ???
for jeg synes det er svært at få lov til ændre i tekststørelsen. Jeg
har forsøgt med noget
<p class="vedtaegter"> , men det er som om <li> er svær at ophæve.
Det er måske forkert at font angivelsen er med i <li> ??
--
Godt nytår
mvh
Erik Isager
| |
Allan Vebel (18-01-2008)
| Kommentar Fra : Allan Vebel |
Dato : 18-01-08 23:25 |
|
Is skrev:
> I css <li> står:
> LI
> {
> text-align : left;
> font : 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
> list-style : url(images/ny/pote02.gif);
> }
Prøv med:
<div id="isager">
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
</ul>
</div>
og
#isager ul{
/*definitioner*/
}
#isager li{
/*definitioner*/
}
....det kan du styre meget præcist.
--
Allan Vebel
http://html-faq.dk
http://vebel.dk
| |
Bertel Lund Hansen (19-01-2008)
| Kommentar Fra : Bertel Lund Hansen |
Dato : 19-01-08 02:46 |
|
Is skrev:
> LI
> {
> text-align : left;
> font : 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
> list-style : url(images/ny/pote02.gif);
> }
Det gælder alle li'er i hele filen (som udgangspunkt).
Hvis du arbejder med flere klasser, kan det lade sig gøre:
..lille li { font-size: 10%; }
..stor li { font-size: 1000%; }
Og i HTML:
<ul class='lille'>
<li>bla</li>
<li>bla</li>
<li>bla</li>
</ul>
<ul class='stor'>
<li>bla</li>
<li>bla</li>
<li>bla</li>
</ul>
> Det er måske forkert at font angivelsen er med i <li> ??
Ikke som sådan, men det er forkert i forhold til det du ønsker.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
| |
Is (19-01-2008)
| Kommentar Fra : Is |
Dato : 19-01-08 14:06 |
|
"Bertel Lund Hansen" <unospamo@lundhansen.dk> skrev i en meddelelse
news:2el2p3tn3fid1l58jgrcl26fn0bd7vegdm@4ax.com...
> Is skrev:
>
> > LI
> > {
> > text-align : left;
> > font : 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
> > list-style : url(images/ny/pote02.gif);
> > }
>
> Det gælder alle li'er i hele filen (som udgangspunkt).
>
> Hvis du arbejder med flere klasser, kan det lade sig gøre:
>
> .lille li { font-size: 10%; }
> .stor li { font-size: 1000%; }
>
> Og i HTML:
>
> <ul class='lille'>
> <li>bla</li>
> <li>bla</li>
> <li>bla</li>
> </ul>
>
> <ul class='stor'>
> <li>bla</li>
> <li>bla</li>
> <li>bla</li>
> </ul>
>
Fint - det virker.
"Punkterne" har jeg så valgt at angi med en "gif", på nogel af
siderne, men på denne side kunne jeg godt tænke mig at angi med nr.
Det har jeg heller ikke kunnet få til at virke.
Hvordan skal det gøres ??
--
mvh
Erik Isager
| |
MooreHojer (19-01-2008)
| Kommentar Fra : MooreHojer |
Dato : 19-01-08 14:12 |
|
> "Punkterne" har jeg så valgt at angi med en "gif", på nogel af
> siderne, men på denne side kunne jeg godt tænke mig at angi med nr.
[snip]
> Hvordan skal det gøres ??
Brug <ol> i stedet for <ul>
<ul> står for 'unordered list' hvilket vil sige uden rækkefølge, mens <ol>
står for 'ordered list' som vil sige med rækkefølge, altså nummereret.
--
MooreHojer
| |
Is (19-01-2008)
| Kommentar Fra : Is |
Dato : 19-01-08 14:57 |
|
"MooreHojer" <simon@moorehojer.dk> skrev i en meddelelse
news:4791f730$0$90266$14726298@news.sunsite.dk...
> > "Punkterne" har jeg så valgt at angi med en "gif", på nogel af
> > siderne, men på denne side kunne jeg godt tænke mig at angi med
nr.
> [snip]
> > Hvordan skal det gøres ??
>
> Brug <ol> i stedet for <ul>
>
> <ul> står for 'unordered list' hvilket vil sige uden rækkefølge,
mens <ol>
> står for 'ordered list' som vil sige med rækkefølge, altså
nummereret.
>
hmmm - det kan jeg ikke få til at virke
--
mvh
Erik Isager
| |
Bertel Lund Hansen (19-01-2008)
| Kommentar Fra : Bertel Lund Hansen |
Dato : 19-01-08 15:03 |
| | |
Is (19-01-2008)
| Kommentar Fra : Is |
Dato : 19-01-08 16:02 |
|
"Bertel Lund Hansen" <unospamo@lundhansen.dk> skrev i en meddelelse
news:io04p3lj0211tlu3t8bv35tmdaot4heoat@4ax.com...
> Is skrev:
>
> > hmmm - det kan jeg ikke få til at virke
>
> <ol class='lille'>
> <li>bla</li>
> <li>bla</li>
> <li>bla</li>
> </ol>
>
Teksten er ok - men der er en "gif" foran og ikke "et tal"
html:
<ol class="vedtaegter li">
<li>Punkt 1</li>
<li>Punkt 2</li>
</ol>
css:
LI
{
text-align : left;
font : 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-image: url(images/ny/pote02.gif);
}
..vedtaegter li
{
text-align : left;
font : 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style-type: decimal;
}
| |
Bertel Lund Hansen (19-01-2008)
| Kommentar Fra : Bertel Lund Hansen |
Dato : 19-01-08 18:17 |
|
Is skrev:
> Teksten er ok - men der er en "gif" foran og ikke "et tal"
Her styler du alle li'er uanset hvor de står i koden:
> LI
> {
> text-align : left;
> font : 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
> list-style-image: url(images/ny/pote02.gif);
>
> }
Hvis du kun styler li'er der står inden i en klasse, så påvirker
de ikke hianden. Det var det der var pointen med at jeg skrev
sådan som eksempel:
..lille li { font-size: 10%; }
Det påvirker kun li'er der står inden i en klasse der hedder
'lille'.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
| |
Is (19-01-2008)
| Kommentar Fra : Is |
Dato : 19-01-08 19:50 |
|
> Hvis du kun styler li'er der står inden i en klasse, så påvirker
> de ikke hianden. Det var det der var pointen med at jeg skrev
> sådan som eksempel:
>
> .lille li { font-size: 10%; }
>
> Det påvirker kun li'er der står inden i en klasse der hedder
> 'lille'.
Nu tror jeg den er der --- ellers kommer jeg tilbage
Tak for hjælpen.
--
mvh
Erik Isager
| |
Erik Ginnerskov (19-01-2008)
| Kommentar Fra : Erik Ginnerskov |
Dato : 19-01-08 18:37 |
| | |
|
|