Scholieren.com forum

Scholieren.com forum (https://forum.scholieren.com/index.php)
-   Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)
-   -   [HTML] align left (https://forum.scholieren.com/showthread.php?t=211025)

RuffThugg 08-09-2002 19:07

[HTML] align left
 
Ik wil dat de links link ge-aligned worden en ik wil de <ul>-blokjes houden. Maar nu de 2 volgende stukjes html.

En het zit hem hem in de laatste " in het commando <p align="left">

Citaat:

<html>
<head>
<title>test</title>
</head>
<body>
<p align="left>
<ul>
<a href="link1.html" target="content"><li>Link1</a>
<a href="link2.html" target="content"><li>link2</a>
<a href="link3.html" target="content"><li>link3</a>
<a href="link4.html" target="content"><li>link4</a>
</ul>
</p>
</body>
</html>
De laatste " mist hier dus.
Hier worden de links wel links ge-aligned maar doet de 1e link het dus niet.

Citaat:

<html>
<head>
<title>test</title>
</head>
<body>
<p align="left">
<ul>
<a href="link1.html" target="content"><li>Link1</a>
<a href="link2.html" target="content"><li>link2</a>
<a href="link3.html" target="content"><li>link3</a>
<a href="link4.html" target="content"><li>link4</a>
</ul>
</p>
</body>
</html>
Hier staat de laatste " er dus wel(wat moet, dat weet ik).
De 1e link doet het ook. Maar hij aligned niet meer naar links.

p in div veranderen maakt ook niks uit(dat gaf een vriend van me als optie "probeer dat es, misschien werkt het dan").

De 2 frames staan in een vergelijkingframepje, klik hier om die te zien

Maar waar ligt het aan?

M@rco 08-09-2002 19:18

Je moet wel de <li> tag afsluiten..
Citaat:

<html>
<head>
<title>test</title>
</head>
<body>
<p align="left">
<ul>
<li><a href="link1.html" target="content">Link1</a></li>
<li><a href="link2.html" target="content">link2</a></li>
<li><a href="link3.html" target="content">link3</a></li>
<li><a href="link4.html" target="content">link4</a></li>
</ul>
</p>
</body>
</html>
En als je die ruimte tussen de links zelf en de linkerkant van het scherm bedoelt.. dat hoort zo.

eddie 08-09-2002 20:35

Citaat:

M@rco schreef:
Je moet wel de <li> tag afsluiten..
De li tag hoeft niet te worden afgesloten in HTML 4.01; in XHMTL wel.

Je kan (mag) geen UL (of OL) in een P tag zetten...
Gebruik hiervoor liever een DIV.

Tekst kun je uitlijnen met CSS.
Bijvoorbeeld:
Code:

div
{
  text-align: left;
}

Probeer je pagina eens door de validator te halen (validator.w3.org). Deze geeft dan weer wat fout is.

spawn again 08-09-2002 21:06

<DIV ALIGN="left">

</DIV>

Is dan net iets makkelijker. ;)

RuffThugg 09-09-2002 17:53

ik had die div al geprobeerd gister, maar dat maakte nix uit, maar ik probeer het wel ff.

Thnx voor de tips.

Ik heb het dus veranderd in div(linkerframe in het testframe, zie link 1e post) en het maakt dus niet uit. Of doe ik nou nog steeds iets fout?

eddie 09-09-2002 19:16

Citaat:

RuffThugg schreef:
Of doe ik nou nog steeds iets fout?
Jup.

Code:

<ul>
<a href="link1.html" target="content"><li>Link1</a>
<a href="link2.html" target="content"><li>link2</a>
<a href="link3.html" target="content"><li>link3</a>
<a href="link4.html" target="content"><li>link4</a>
</ul>

Dit kan niet hè?
De UL heeft alleen een LI als sub-element. De LI kan wel andere elementen hebben, zoals A.

Het moet dus worden:
Code:

<ul>
<li><a href="link1.html" target="content">Link1</a>
<li><a href="link2.html" target="content">link2</a>
<li><a href="link3.html" target="content">link3</a>
<li><a href="link4.html" target="content">link4</a>
</ul>

Verder kun je (wat ik vanochtend bedacht :o) natuurlijk ook de UL stylen....
Code:

<ul style="text-align: right">
:)

RuffThugg 10-09-2002 15:19

oke thnx eddie, ga het ff toepassen.


Alle tijden zijn GMT +1. Het is nu 18:17.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.