login  Naam:   Wachtwoord: 
Registreer je!
 Forum

ul li hulp gevraagt (Opgelost)

Offline kickasgamer - 02/07/2007 14:54
Avatar van kickasgamerPHP ver gevorderde ik ben bezig met mijn portoflio om te zetten in divs in plaats van te werken met tabellen

het algemene uitzicht is al goed maar nu moet ik een menu maken met <ul> en <li> maar ik rkijgt het niet voor me kaar om zo'n resultaat te krijgen (zoals bij met oude portfolio)

zo zo ik het mu moeten krijgen: http://img160.imageshack.us/img160/296/vbie0.jpg

al hoofditems met een achtergrond en alle andere items ondermekaar zonder extra in springing en zonder opssommings teken

hier is mijn code: http://www.plaatscode.be/5817/
ja css hbe ik niet voor die ul en li want ik weet het niet voor mekaar te krijgen

alvast bedankt

18 antwoorden

Gesponsorde links
Offline willemw - 02/07/2007 16:00 (laatste wijziging 02/07/2007 16:01)
Avatar van willemw Nieuw lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul id="nav">
  2. <li>link 1</li>
  3. <li>link 2</li>
  4. </ul>

en de css
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #nav {
  2. list-style: none; /* geen opsommingstekens */
  3. margin: 0; 
  4. padding: 0;
  5. }


en klaar
Offline Grayen - 02/07/2007 16:43
Avatar van Grayen PHP ver gevorderde En maak hier..

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>Home
  2.       <li>left content</li>
  3. </ul>


.. bijvoorbeeld dit..

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <strong>Home</strong>
  2. <ul>
  3.       <li>left content</li>
  4. </ul>


.. van, want tekst tussen <ul> en <li> vindt html niet zo leuk .
Offline kickasgamer - 02/07/2007 16:47 (laatste wijziging 02/07/2007 16:49)
Avatar van kickasgamer PHP ver gevorderde tis me nu gelukt, maar ik heb het iets anders gedaan, maar wel met die margin 0 en padding 0

maar ik blijf een spatie houden voor een woord 

http://img124.imageshack.us/img124/1998/vb2ur4.jpg

EDIT: ik had het zo gedaan:
index.php: http://www.plaatscode.be/5821/
style.css: http://www.plaatscode.be/5822/
Offline Xan - 02/07/2007 16:53 (laatste wijziging 02/07/2007 16:54)
Avatar van Xan HTML interesse je moet er <ul> </ul> omheen gooien

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul id="nav">
  2.  
  3. <li>Home</li>
  4. <li>About</li>
  5.  
  6. </ul>


en dan in je css:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #nav{
  2. list-style:none;
  3. margin:0;
  4. padding:0;
  5. }
  6.  
  7. #nav li{
  8. margin:0;
  9. padding:0;
  10. }


zo werkt het wel goed
Offline kickasgamer - 02/07/2007 16:58
Avatar van kickasgamer PHP ver gevorderde kan je dat miss even toepassen op mijn html en css ?
Offline Xan - 02/07/2007 17:01
Avatar van Xan HTML interesse html: http://www.plaatscode.be/5823/
css: http://www.plaatscode.be/5824/
Offline kickasgamer - 02/07/2007 18:01 (laatste wijziging 03/07/2007 09:59)
Avatar van kickasgamer PHP ver gevorderde nieuw probleem: http://img127.imageshack.us/img127/2261/vb4ew8.jpg

hoe los ik dit op ?
Offline smoos - 03/07/2007 10:18
Avatar van smoos PHP gevorderde Margin aanpassen
Offline kickasgamer - 03/07/2007 10:31 (laatste wijziging 03/07/2007 11:31)
Avatar van kickasgamer PHP ver gevorderde dit is mijn huidige margin

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #nav_r{
  2. list-style:none;
  3. margin:0;
  4. padding:0;
  5. }


wat moet ik hier aan veranderen ?
Offline marten - 03/07/2007 11:37
Avatar van marten Beheerder Stoppen met je topic omhoog in de lijst brengen door deze te wijzigen. Ik zie dat je helemaal niks gewijzigd heb,. Dus stoppen daarmee.
Offline kickasgamer - 03/07/2007 12:21 (laatste wijziging 03/07/2007 13:04)
Avatar van kickasgamer PHP ver gevorderde jawel, ik heb de code ietsje aan gepast, maar in plaats van kritiek te geve, geef een oplossing

Citaat:
Je hebt niks aangepast. Enne. Kijk eens bij de crew. Daar zit ik toevallig ook in. Misschien dat je het nog niet weet maar deze mogen kritiek geven, net zoals andere gebruikers.
Offline rroobb - 03/07/2007 12:37
Avatar van rroobb PHP interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #nav_r{
  2. list-style:none;
  3. margin:0px;
  4. padding:0px;
  5. }

??
Offline kickasgamer - 03/07/2007 13:11
Avatar van kickasgamer PHP ver gevorderde ^dat is de code die ik gepost had niet ?

kan margin ook negatief zijn ?
Offline Christophe - 03/07/2007 13:17
Avatar van Christophe Gouden medailleGouden medaille

.NET developer		 yep
Offline rroobb - 03/07/2007 14:18
Avatar van rroobb PHP interesse @kickasgamer: Nee, jij had er geen px achter staan...
Offline kickasgamer - 03/07/2007 14:22
Avatar van kickasgamer PHP ver gevorderde ook met die px erachter is dit probleem nog niet verholpen

want het blijft zo'n speeltje geven rechts 

probleem: http://img127.imageshack.us/img127/2261/vb4ew8.jpg
css:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #nav_r{
  2. list-style:none;
  3. margin:0px;
  4. padding:0px;
  5. }
Offline Xan - 03/07/2007 16:00 (laatste wijziging 03/07/2007 16:01)
Avatar van Xan HTML interesse het is margin:0;

zodra je er 1 of hoger achter zet moet er px achter staan.

Je zult ons toch iets meer code moeten geven, want zo kunnen wij het ook niet verhelpen
Offline kickasgamer - 03/07/2007 17:56
Avatar van kickasgamer PHP ver gevorderde ok hier is wat extra code 

index.php(waar het probleem is): http://www.plaatscode.be/5838/
style.css: http://www.plaatscode.be/5839/

het probleem: http://img127.imageshack.us/img127/2261/vb4ew8.jpg
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.362s