Taas loppuu oma osaaminen. Esimerkki sivulla http://www.suklaayhdistys.com/index_koe.php ja siellä "TUOREIMMAT MAKUARVIOT" -otsikon alla.
Haluan sisennyksen kokonaan pois sekä UL että LI tageista. Minulla on tällainen CSS asialle:
ul li.ei_sis{
padding-left: -25px;
margin-left: -25px;
}
ja sitten olen HTML:ään merkinnyt asian näin:
HTML generoidaan PHP:n ja tietokannan sisällön avulla, mutta lopputulos selaimelle näyttää esimerkiksi tältä:
03.01.2009
tuote1
tuote2
tuote3
Ongelma (joka näkyy esimerkkisivulla) on se, että kaikki LI-tagien sisältö kyllä on siellä missä pitääkin, ilman minkäänlaista sisennystä, mutta UL-tagin ja LI-tagin välissä oleva päivämäärä ei suostu millään luopumaan sisennyksestään, vaikka niin haluaisin. Olisiko neuvoja asian korjaamiseen?
Haluan sisennyksen kokonaan pois sekä UL että LI tageista. Minulla on tällainen CSS asialle:
ul li.ei_sis{
padding-left: -25px;
margin-left: -25px;
}
ja sitten olen HTML:ään merkinnyt asian näin:
HTML generoidaan PHP:n ja tietokannan sisällön avulla, mutta lopputulos selaimelle näyttää esimerkiksi tältä:
03.01.2009
tuote1
tuote2
tuote3
Ongelma (joka näkyy esimerkkisivulla) on se, että kaikki LI-tagien sisältö kyllä on siellä missä pitääkin, ilman minkäänlaista sisennystä, mutta UL-tagin ja LI-tagin välissä oleva päivämäärä ei suostu millään luopumaan sisennyksestään, vaikka niin haluaisin. Olisiko neuvoja asian korjaamiseen?
Vastaukset 5
Vanhimmat
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http://www.suklaayhdistys.com/index_koe.php
http://validator.w3.org/check?verbose=1&uri=http://www.suklaayhdistys.com/index_koe.php
Tsekkaa noi virheet ensin kuntoon ja sen jälkeen sopii hioa ulkoasua kuntoon. ul tagin jälkeen pitää tulla vain li tagi, mutta li tagin jälkeen voit laittaa strong elementin. Voit myös määritellä päiväämärälle oman luokan, jolloin saat asetukset kuntoon.
Ongelma korjattu
Listalle (ul) ei tarvitse / kannata käyttää vanhentunutta tagia, vaan mielummin . Toisaalta tuolla sitä ei ole tarvetta käyttää ollenkaan.
Keskustelusta päätellen sivulla on erilaisia virheitä, jotka kannattaisi korjata ensin. Ei kannata maalata taloa, jos seinät ovat umpihomeessa.
Jos kirjoitat ul-elementin sisään mitä tahansa muuta kuin li-elementtejä, selaimet saavat ja voivat tehdä sille ihan mitä tahansa. Esimerkistäsi ei ilmene, mikä 03.01.2009:n on tarkoitus olla (suomalaisen standardin mukaan muuten oikea asu on 3.1.2009), mutta mahdollisesti otsikko (esim. h2) – ennen ul-elementtiä.
Sitten kun merkkaus on kunnossa, aseta esim. ("ei_sis" on aika huono luokan nimi) ja sitten vain pitää kirjoittaa
ul.tuotelista, ul.tuotelista li {
margin-left: 0;
padding-left: 0; }
eikä suinkaan mitään negatiivisten paddingien ja marginien arvailua. Sitä paitsi paddingin arvo ei saa olla < 0.
lol :) siis aivan sama mitä laittaa klässin tai iideen nimeks! siis ihan yks hailee sille! seo ihan täysin tekijän mieltymysten mukaan. Vain ja ainoastaan siinä tapauksessa et takoitus on muittenkin muokata ku vain itte, niin sit kantsii olla suht selkeet nimet...