Beste SD'ers,

Ik probeer aan een tijdje het plaatje in de bijlage te basen. Dit wil niet echt lukken. Ik verwacht dat ik hier gewoon een list van kan maken?

Op het moment heb ik de volgende html code:

Code:

<h1>Agenda</h1>
                  <ul>
                    <li>
                      <h2>21 November 2009</h2>
                      <h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h3>
                    </li>
                    <li>
                    <h2>21 November 2009</h2>
                    <h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h3>
                    </li>
                    <li>
                    <h2>21 April 2009</h2>
                    <h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h3>
                    </li>
                  </ul>

En dit is mijn css:

Code:

#agenda_main li {
    list-style-type: none;
    color: #6dabb4;
    clear: both;
}
#agenda_main h1 {
    font-family: Tahoma;
    color: #428893;
    font-weight: bold;
    font-size:11px;
}
#agenda_main h2 {
    font-family: Tahoma;
    color: #6dabb4;
    font-weight: normal;
    font-size:11px;
    display: inline;
}
#agenda_main h3 {
    display: inline;
    font-family: Tahoma;
    color: #428893;
    font-weight: normal;
    font-size:11px;
}

Ben ik hier in de goede richting of zit ik er totaal naast? Ik wil het uiteindelijk zo hebben dat ik het gemakkelijk in wordpress kan gaan aanpassen. Maar voordat ik daar ben moet ik uiteraard eerst de site gebased hebben.

ik hoor het graag van jullie als jullie de oplossing hebben.

groet,

Michiel

ik denk dat het handiger is om een tabel te gebruik omdat je een lijst moet weergeven met 2 kolommen. scheelt je een hoop werk.

# Staat voor ID

Verder zie ik dat nergens terug komen.
veranderd het in een "class" en het zal je effect
geven die je wil, of het effectief is om dit met classes te doen
is aan jou de keuze.

Voorbeeld:

"
.agenda_main h3 {
display: inline;
font-family: Tahoma;
color: #428893;
font-weight: normal;
font-size:11px;
}

Ik zou zoals hierboven al gezegd inderdaad gewoon tabellen gebruiken, veel makkelijker in dit geval. Met ul, li e.d. wordt het te veel werk om het te gaan uitlijnen.

@UP,
# staat voor id, en . voor class. ID's en Classes worden overigens niet alleen voor DIV's gebruikt..
En ook denk ik dat de TS nog wel zo slim was om er een tag met ID agenda er om heen te gooien, maar heeft deze waarschijnlijk uit z'n code gelaten

Origineel gepost door Bjorn v U.

# = ID
. = Class

Als je een element meerdere keren wil gebruiken op een pagina of het is puur voor opmaak zou ik een class gebruiken.
Voor een header of footer div zou ik een ID gebruiken.

Uhu, ID's niet meerdere malen gebruiken in verband met javascripts die niet meer goed zouden kunnen functioneren of gewoon omdat het niet voldoet aan de W3C regels (ID=UNIEK!)

# = ID
. = Class

Als je een element meerdere keren wil gebruiken op een pagina of het is puur voor opmaak zou ik een class gebruiken.
Voor een header of footer div zou ik een ID gebruiken.

Origineel gepost door Arno Tenkink

# Staat voor div

Verder zie ik dat nergens terug komen.
veranderd het in een "class" en het zal je effect
geven die je wil, of het effectief is om dit met classes te doen
is aan jou de keuze.

ID, klopt inderdaad..

Ik denk te veel in div's haha.

Origineel gepost door DerkVg

ik denk dat het handiger is om een tabel te gebruik omdat je een lijst moet weergeven met 2 kolommen. scheelt je een hoop werk.

Dit hoort thuis in een list niet in tables.

http://www.w3.org/MarkUp/html3/deflists.html

Er staat een #agenda_main voor omdat de list in een div agenda main zit.

Ik zal dan maar kijken naar tables. Er is mij echter wel altijd aangeraden zonder tables te werken.

groet,
michiel

Topic gaat zo wel een beetje off-topic, eventueel wil ik TS wel helpen @ MSN... (messenger[@]roboo.nl)

Je zou hier net zo goed tables voor kunnen gebruiken Sam, ik zie er geen nadelen van (Gewoon cross browser, W3C valid en gewenste weergave..)

Ik zal je morgen toevoegen. Het komt er nu toch niet echt van. Het liefst zet ik het in een list dus zonder tables.

Als er iemand anders in de tussentijd een antwoord heeft is dat ook welkom natuurlijk ;)

groet,
Michiel