login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div AND css hulp (Opgelost)

Offline zwobbel - 11/04/2007 17:38
Avatar van zwobbelPHP gevorderde Ik heb afgelopen dagen een website gemaakt in tables etc :
http://zwobbel.webvisual.be/party2be/index.html

Maar ik ben aan het leren met divs & css te werken en heb nu dit:
http://zwobbel.webvisual.be/party2be/div.html

Hellaas ben ik nu vast gelopen op het menu en de rest van de content hoe moet ik dit aanpakken?

6 antwoorden

Gesponsorde links
Offline CDNC - 11/04/2007 17:49
Avatar van CDNC PHP ver gevorderde het menu deed je eerst met TDs
die TDs kun je gewoon vervangen door DIVs, met dezelfde eigelijkschappe ed, geeft het zelfde resultaat
Offline Soebam - 11/04/2007 17:49 (laatste wijziging 11/04/2007 18:01)
Avatar van Soebam HTML ver gevorderde Ik zou zeggen, maak een div van elk blok in je content.. En preciezer kan ik je niet helpen, zonder het voor je te maken denk ik . Als je met gerichte vragen komt, waar het mis gaat als je iets probeert, kunnen we wat meer..

edit: Ik kon het toch niet laten.. Dus hier een voorbeeldje:

van het menu kun je het best een lijst maken
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2.   <li><a href="?">home</a></li>
  3.   <li><a href="?">kalender</a></li>
  4.   ......
  5. </ul>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. ul
  2.   {
  3.   list-style: none;
  4.   padding: 0px;
  5.   margin: 0xp;
  6.   text-transform: uppercase;
  7.   }
  8.  
  9. li
  10.   {
  11.   float: left;
  12.   width: 160px;
  13.   line-height: 25px;
  14.   text-align: center;
  15.  
  16.   background-color: #00CC66;
  17.   }
  18.  
  19. a
  20.   {
  21.   display: block;
  22.   }
  23.  
  24. a:hover
  25.   {
  26.   background-color: #33ffcc;
  27.   display: block;
  28.   }


Zoiets, aanpassen naar eigen layout natuurlijk 
Offline zwobbel - 11/04/2007 18:15 (laatste wijziging 11/04/2007 18:24)
Avatar van zwobbel PHP gevorderde Hey ik heb het 1 en en ander gedaan maar ik krijg dit:
http://zwobbel.webvisual.be/party2be/div.html

Hoe lost ik dit op zoals ik dit krijg:
http://zwobbel.webvisual.be/party2be/index.html
Offline Soebam - 11/04/2007 18:26 (laatste wijziging 11/04/2007 18:29)
Avatar van Soebam HTML ver gevorderde Als ik jou was zou ik van die content dingen classes maken, geen id's. Zodat je ze meerdere kan gebruiken. Links en rechts zijn hetzelfde (behalve de positie dan), dus maak twee classes van, box en box_title ofzo.

Verder vind ik je css niet helemaal mooi maar het werkt opzich prima.. Ik probeer dit soort dingen wel atijd te vermijden:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. margin-left:-200px;


edit: en voor je edit (:p)

Als je float hebt gebruikt zoals hier, moet je die eerst clearen omdat je content er anders naast komt, ipv onder.

css:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. clear: both;
Offline zwobbel - 11/04/2007 18:38
Avatar van zwobbel PHP gevorderde Uh ik heb nu dit maar graag zou ik dat die menu tegen het paarse border plakt hoe doe ik dit.
Offline Soebam - 11/04/2007 18:43
Avatar van Soebam HTML ver gevorderde Even controleren voor margins enzo. Daar heb ik geen zin in . Nog wel even een tip, geef de anchors in je menu een absolute breedte mee, nu wordt het hover effect pas getriggered als de muis over de tekst gaat, dat hoort natuurlijk het hele bokje te zijn..
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.184s