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?
UL sisennys pois
5
774
Vastaukset
- teuro
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. - jarkko-the-chocoholic
Ongelma korjattu
- teuro
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.- Prosessorin sisään?
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...
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Ensitreffit Jenni laukoo viinilasin ääressä suorat sanat Jyrkin aikeista: "Mä sanoin, että älä"
Voi ei… Mitä luulet: kestääkö Jennin ja Jyrkin avioliitto vai päättyykö eroon? Lue lisää: https://www.suomi24.fi/viihde272870Ymmärrän paremmin kuin koskaan
Roikut kädessäni ja vedät puoleesi. Näen kuitenkin tämän kaiken lävitse ja kaikkien takia minun on tehtävä tämä. Päästän332525- 1482274
Hullu liikenteessä?
Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.542239Niina Lahtinen uudessa elämäntilanteessa - Kotiolot ovat muuttuneet merkittävästi: "Nyt on...!"
Niina, tanssejasi on riemukasta seurata, iso kiitos! Lue Niinan haastattelu: https://www.suomi24.fi/viihde/niina-lahti241860Kun Venäjä on tasannut tilit Ukrainan kanssa, onko Suomi seuraava?
Mitä mieltä olette, onko Suomi seuraava, jonka kanssa Venäjä tasaa tilit? Ja voisiko sitä mitenkään estää? Esimerkiks3901696Ano Turtiainen saa syytteet kansankiihoituksesta
Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään1041642- 3091548
- 1351459
Varokaa! Lunta voi sataa kohta!
Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm131446