html,body {
width:249px;
height:100%;
padding:0px;
margin:0;
}
li {
background-color: black;
list-style: none;
}
a:link {
background-color: #000000;
color: #000000;
width: 243px;
height: 20px;
display: block;
background: green;
}
a:visited {
color: #000000;
background: red;
}
a:hover {
color: #000000;
}
h3 {
color: blue;
font-weight:bold;
line-height:1;
font-size:24px;
margin: 0;
}
Did you run it through the W3C validator?
But anyway to answer your question:
https://www.w3.org/TR/html-markup/li.html
You need to have the <li>
element inside a <ol>
, <ul>
, or <menu>
element.
li= list
ol= ordered list
ul=ordered list
I can’t just leave it like this?
What if I just want to do a list and that’s it, no ordered, no, unordered?
<li>
<h3>
Yes! 91,2
</h3>
<a href='http://46.4.65.194:8039/;' target='_blank'>
</a>
</li>
<li>
<h3>
Radioseven
</h3>
<a href='http://sc5.radioseven.se:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
4Life
</h3>
<a href='http://live.fourlife.gr:8132/;' target='_blank'>
</a>
</li>
<li>
<h3>
EDM Radio
</h3>
<a href='http://s1.edmradio.ru:8000/live' target='_blank'>
</a>
</li>
<li>
<h3>
Radio DeeJay 94.2
</h3>
<a href='http://usa2-vn.mixstream.net:8018/;' target='_blank'>
</a>
</li>
<li>
<h3>
kick!fm
</h3>
<a href='http://live.kickfm.eu:8000/;' target='_blank'>
</a>
</li>
<li>
<h3>
88.6 UP Radio
</h3>
<a href='http://netradio.live24.gr/886radio' target='_blank'>
</a>
</li>
<li>
<h3>
EDM Crown
</h3>
<a href='http://88.198.10.229:8014/;' target='_blank'>
</a>
</li>
<li>
<h3>
Dance 103.4 fm
</h3>
<a href='http://185.39.195.90:8000/dfm_128' target='_blank'>
</a>
</li>
<li>
<h3>
Sfera 102.2
</h3>
<a href='http://netradio.live24.gr/sfera4132' target='_blank'>
</a>
</li>
<li>
<h3>
OLA fm 91,4
</h3>
<a href='http://ola.isolservers.com:8300/;' target='_blank'>
</a>
</li>
<li>
<h3>
GreekMusicMania
</h3>
<a href='http://37.59.14.77:8184/;' target='_blank'>
</a>
</li>
<li>
<h3>
SOK FM 104.8
</h3>
<a href='http://212.7.211.73:8000/;' target='_blank'>
</a>
</li>
<li>
<h3>
Cosmoradio 95.1
</h3>
<a href='http://sc5.greekstream.net:5000/;' target='_blank'>
</a>
</li>
<li>
<h3>
Cosmos FM 103.8
</h3>
<a href='http://144.76.92.208:8038/;' target='_blank'>
</a>
</li>
<li>
<h3>
Dromos 89.8 Fm
</h3>
<a href='http://dromos898.live24.gr:80/dromos898' target='_blank'>
</a>
</li>
<li>
<h3>
Diva Fm 106.1
</h3>
<a href='http://46.4.65.194:8033/;' target='_blank'>
</a>
</li>
<li>
<h3>
REC RADIO 194
</h3>
<a href='http://shoutcast.24radio.gr:8022/;' target='_blank'>
</a>
</li>
<li>
<h3>
93XRT 14631:03
</h3>
<a href='http://8703.live.streamtheworld.com/WXRTFM_SC' target='_blank'>
</a>
</li>
<li>
<h3>
Radio 1 Rock
</h3>
<a href='http://111.gr:8012/;' target='_blank'>
</a>
</li>
<li>
<h3>
The River 105.59
</h3>
<a href='http://10813.live.streamtheworld.com:3690/KRVRFM_SC' target='_blank'>
</a>
</li>
<li>
<h3>
3001.fm
</h3>
<a href='http://192.99.35.93:6578/;' target='_blank'>
</a>
</li>
<li>
<h3>
RSO FM 91.7
</h3>
<a href='http://37.123.118.13:8012/;' target='_blank'>
</a>
</li>
<li>
<h3>
Classic Rock Florida
</h3>
<a href='http://198.58.106.133:8105/;' target='_blank'>
</a>
</li>
<li>
<h3>
KCSN 88.5 FM
</h3>
<a href='http://130.166.82.184:8000/;' target='_blank'>
</a>
</li>
<li>
<h3>
Arrow Classic Rock
</h3>
<a href='http://91.221.151.237:8109/;' target='_blank'>
</a>
</li>
<li>
<h3>
The Vine 920
</h3>
<a href='http://kvin.net:8000/kvin.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
1980s.fm
</h3>
<a href='http://hi5.1980s.fm/;' target='_blank'>
</a>
</li>
<li>
<h3>
80s Forever
</h3>
<a href='http://192.240.97.67:8085/;' target='_blank'>
</a>
</li>
<li>
<h3>
RetroHitMix
</h3>
<a href='http://hestia.cdnstream.com/1340_128?cb=204073.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
80sPlanet.com
</h3>
<a href='http://80s.streamthenet.com:8000/' target='_blank'>
</a>
</li>
<li>
<h3>
Music Galaxy: 80s
</h3>
<a href='http://213.239.206.179:9080/;' target='_blank'>
</a>
</li>
<li>
<h3>
80s Channel
</h3>
<a href='http://46.105.118.14:15500/;' target='_blank'>
</a>
</li>
<li>
<h3>
80s Mixed
</h3>
<a href='http://184.154.202.243:8108/;' target='_blank'>
</a>
</li>
<li>
<h3>
All80sJukebox
</h3>
<a href='http://109.169.26.139:8432/;' target='_blank'>
</a>
</li>
<li>
<h3>
More 103
</h3>
<a href='http://85.25.214.240:8140/;' target='_blank'>
</a>
</li>
<li>
<h3>
Fantasy Radio
</h3>
<a href='http://italo.live-streams.nl/' target='_blank'>
</a>
</li>
<li>
<h3>
TrueColorsRadio
</h3>
<a href='http://online.truecolorsradio.ru:8007/pelman' target='_blank'>
</a>
</li>
<li>
<h3>
Radio1 Gold
</h3>
<a href='http://111.gr:8008/;' target='_blank'>
</a>
</li>
<li>
<h3>
xWave: 80s 90s
</h3>
<a href='http://xwave.sytes.net:8500/;' target='_blank'>
</a>
</li>
<li>
<h3>
Radio 078
</h3>
<a href='http://82.94.166.107:8055/;' target='_blank'>
</a>
</li>
<li>
<h3>
Graal Radio: Club
</h3>
<a href='http://graalradio.com:8123/club' target='_blank'>
</a>
</li>
<li>
<h3>
Graal Radio: Future
</h3>
<a href='http://graalradio.com:8123/future' target='_blank'>
</a>
</li>
<li>
<h3>
Graal Radio: Sensual
</h3>
<a href='https://graalradio.com/sensual' target='_blank'>
</a>
</li>
<li>
<h3>
SBS Chill
</h3>
<a href='http://shoutcast.sbs.com.au/SBSChill' target='_blank'>
</a>
</li>
<li>
<h3>
Echoes.gr
</h3>
<a href='http://85.17.75.143/;?1400248874234.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
entranced.fm
</h3>
<a href='http://162.213.197.53:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Chill Out
</h3>
<a href='http://91.223.18.205:8000/c15_3' target='_blank'>
</a>
</li>
<li>
<h3>
Enjoy Hits!
</h3>
<a href='http://79.172.194.189:11540/;' target='_blank'>
</a>
</li>
<li>
<h3>
Live 80s & 90s
</h3>
<a href='http://91.232.4.20:8080/;' target='_blank'>
</a>
</li>
<li>
<h3>
HI-NRG
</h3>
<a href='http://hi-nrg.nl:8040/;' target='_blank'>
</a>
</li>
<li>
<h3>
Radio TOP80
</h3>
<a href='http://37.187.173.114:9940/;' target='_blank'>
</a>
</li>
<li>
<h3>
Radio Italo4you
</h3>
<a href='http://91.232.4.33:8018/;' target='_blank'>
</a>
</li>
<li>
<h3>
RM - Euro Disco
</h3>
<a href='http://188.165.195.176:8034/;' target='_blank'>
</a>
</li>
<li>
<h3>
Radio Stad Den Haag
</h3>
<a href='http://81.173.3.250:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
Italo Disco Classic
</h3>
<a href='http://188.165.195.176:8004/stream' target='_blank'>
</a>
</li>
<li>
<h3>
Trancemission Radio
</h3>
<a href='http://air.radiorecord.ru:8102/tm_320' target='_blank'>
</a>
</li>
<li>
<h3>
Record: Deep
</h3>
<a href='http://air.radiorecord.ru:8102/deep_320' target='_blank'>
</a>
</li>
<li>
<h3>
The Trip
</h3>
<a href='http://ice1.somafm.com/thetrip-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Trancetwo
</h3>
<a href='http://listen1.myradio24.com:9000/5287' target='_blank'>
</a>
</li>
<li>
<h3>
Radio Record
</h3>
<a href='http://air.radiorecord.ru:8101/rr_320' target='_blank'>
</a>
</li>
<li>
<h3>
Sound Park #Deep
</h3>
<a href='http://62.109.4.223:8000/radio ' target='_blank'>
</a>
</li>
<li>
<h3>
Sound Park #Trance
</h3>
<a href='http://62.109.4.223:8060/radio' target='_blank'>
</a>
</li>
<li>
<h3>
Sound Park #Relax
</h3>
<a href='http://62.109.4.223:8070/radio' target='_blank'>
</a>
</li>
<li>
<h3>
Deep House Lounge
</h3>
<a href='http://198.15.94.34:8006/;' target='_blank'>
</a>
</li>
<li>
<h3>
CBOE FM
</h3>
<a href='http://eu2.radioboss.fm:8185/stream' target='_blank'>
</a>
</li>
<li>
<h3>
Chilltrax
</h3>
<a href='http://server1.chilltrax.com:9000/;' target='_blank'>
</a>
</li>
<li>
<h3>
http://AH.FM
</h3>
<a href='http://37.59.60.156:443/;' target='_blank'>
</a>
</li>
<li>
<h3>
Noise FM
</h3>
<a href='http://noisefm.ru:8000/play_256' target='_blank'>
</a>
</li>
<li>
<h3>
MGDC FM: Deep
</h3>
<a href='http://radio.mgdcfm.com:8020/;' target='_blank'>
</a>
</li>
<li>
<h3>
MGDC FM: EDM
</h3>
<a href='http://radio.mgdcfm.com:8000/;' target='_blank'>
</a>
</li>
<li>
<h3>
Dance Wave!
</h3>
<a href='http://dancewave.online/dance.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Dance Wave Retro!
</h3>
<a href='http://retro.dancewave.online/retrodance.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Vocal Trance
</h3>
<a href='http://vocaltrance.ru:8000/vocaltrance' target='_blank'>
</a>
</li>
<li>
<h3>
Reboot Radio
</h3>
<a href='http://31.220.7.173:8000/;' target='_blank'>
</a>
</li>
<li>
<h3>
Trance1.FM
</h3>
<a href='http://46.41.129.195:8000/;' target='_blank'>
</a>
</li>
<li>
<h3>
Spexx.FM
</h3>
<a href='http://46.105.118.14:17500/;' target='_blank'>
</a>
</li>
<li>
<h3>
TheJazzGroove.com
</h3>
<a href='http://mp3-128.streamthejazzgroove.com/;' target='_blank'>
</a>
</li>
<li>
<h3>
SmoothJazz.com
</h3>
<a href='http://173.244.199.249:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
Dinner Jazz Excursion
</h3>
<a href='http://64.78.234.165:8240/;' target='_blank'>
</a>
</li>
<li>
<h3>
Smooth Jazz Ztwo
</h3>
<a href='http://109.74.196.48:8099/;' target='_blank'>
</a>
</li>
<li>
<h3>
CROOZE: unique mix
</h3>
<a href='http://77.92.64.44:8045/;' target='_blank'>
</a>
</li>
<li>
<h3>
CROOZE: chillout
</h3>
<a href='http://77.92.64.44:8254/;' target='_blank'>
</a>
</li>
<li>
<h3>
CROOZE: KU DE TA
</h3>
<a href='http://77.92.64.44:8302/;' target='_blank'>
</a>
</li>
<li>
<h3>
Record Chill-Out
</h3>
<a href='http://air.radiorecord.ru:8102/chil_320' target='_blank'>
</a>
</li>
<li>
<h3>
Radio Jazz
</h3>
<a href='http://jazz.streamr.ru/jazz-128.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
JAZZ Legends
</h3>
<a href='http://jfm1.hostingradio.ru:14536/jlstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
JAZZ Vocals
</h3>
<a href='https://www.google.com/' target='_blank'>
</a>
</li>
<li>
<h3>
Smooth JAZZ
</h3>
<a href='http://jfm1.hostingradio.ru:14536/sjstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Jazz FM
</h3>
<a href='http://jfm1.hostingradio.ru:14536/rjstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Venice Classic Radio
</h3>
<a href='http://109.123.116.202:8010/;' target='_blank'>
</a>
</li>
<li>
<h3>
JAZZ Vocals
</h3>
<a href='http://jfm1.hostingradio.ru:14536/jvstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Radio
</h3>
<a href='https://www.google.com/' target='_blank'>
</a>
</li>
<li>
<h3>
Classic JAZZ
</h3>
<a href='http://jfm1.hostingradio.ru:14536/ijstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Illinois Street Lounge
</h3>
<a href='http://ice1.somafm.com/illstreet-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
TheJazzGroove: East
</h3>
<a href='https://www.google.com/' target='_blank'>
</a>
</li>
<li>
<h3>
TheJazzGroove: East
</h3>
<a href='http://mp3-128.streamthejazzgroove.com:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
TheJazzGroove: West
</h3>
<a href='http://199.180.75.37:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
Radio Classic
</h3>
<a href='http://jfm1.hostingradio.ru:14536/rcstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Jazz
</h3>
<a href='http://91.223.18.205:8000/c10_5' target='_blank'>
</a>
</li>
<li>
<h3>
Gold Classic
</h3>
<a href='http://jfm1.hostingradio.ru:14536/gcstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Classic Vocals
</h3>
<a href='http://jfm1.hostingradio.ru:14536/cvstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Instrumental Jazz
</h3>
<a href='http://jfm1.hostingradio.ru:14536/ijstream.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
UltraHD
</h3>
<a href='http://nashe2.hostingradio.ru/ultra-192.mp3?' target='_blank'>
</a>
</li>
<li>
<h3>
ROCK FM 95.2
</h3>
<a href='http://nashe1.hostingradio.ru/rock-128.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Rock 00s
</h3>
<a href='https://www.google.com/' target='_blank'>
</a>
</li>
<li>
<h3>
Rock 00s
</h3>
<a href='http://jfm1.hostingradio.ru:14536/rock00.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Rock 90s
</h3>
<a href='http://jfm1.hostingradio.ru:14536/rock90.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Rock 80s
</h3>
<a href='http://jfm1.hostingradio.ru:14536/rock80.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Rock 70s
</h3>
<a href='http://jfm1.hostingradio.ru:14536/rock70.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
WCBS-FM 101.1
</h3>
<a href='http://5863.live.streamtheworld.com/WCBSFM_SC' target='_blank'>
</a>
</li>
<li>
<h3>
Classic Rock
</h3>
<a href='http://rfcmedia.streamguys1.com/classicrockpremium.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Classic Alternative
</h3>
<a href='http://rfcmedia.streamguys1.com/softrockpremium.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Classic Oldies
</h3>
<a href='http://rfcmedia.streamguys1.com/classicoldiespremium.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
K - Earth 101
</h3>
<a href='http://9313.live.streamtheworld.com:3690/KRTHFMAAC_SC' target='_blank'>
</a>
</li>
<li>
<h3>
Fox Oldies 98.9
</h3>
<a href='http://96.233.207.14:9000/oldies' target='_blank'>
</a>
</li>
<li>
<h3>
Sounds of the 90s
</h3>
<a href='http://rfcmedia.streamguys1.com/90hitspremium.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Sounds of the 80s
</h3>
<a href='http://rfcmedia.streamguys1.com/80hitspremium.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Sounds of the 70s
</h3>
<a href='http://rfcmedia.streamguys1.com/70hitspremium.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Underground 80s
</h3>
<a href='http://ice1.somafm.com/u80s-256-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
BAGeL Radio
</h3>
<a href='http://ice1.somafm.com/bagel-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Indie Pop Rocks!
</h3>
<a href='http://ice1.somafm.com/indiepop-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Left Coast 70s
</h3>
<a href='http://ice1.somafm.com/seventies-320-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
PopTron
</h3>
<a href='http://ice1.somafm.com/poptron-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Lush
</h3>
<a href='http://ice1.somafm.com/lush-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Digitalis
</h3>
<a href='http://ice1.somafm.com/digitalis-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Folk Forward
</h3>
<a href='http://ice1.somafm.com/folkfwd-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
ThistleRadio
</h3>
<a href='http://ice1.somafm.com/thistle-128-mp3' target='_blank'>
</a>
</li>
<li>
<h3>
The Thin Wall
</h3>
<a href='http://188.165.237.19:8467/;' target='_blank'>
</a>
</li>
<li>
<h3>
Gem Radio New Wave
</h3>
<a href='http://77.67.106.13:10407/;' target='_blank'>
</a>
</li>
<li>
<h3>
Gem Radio Gold
</h3>
<a href='http://167.114.64.181:9031/;' target='_blank'>
</a>
</li>
<li>
<h3>
RAM FM
</h3>
<a href='http://uk1-vn.mixstream.net:9866/;' target='_blank'>
</a>
</li>
<li>
<h3>
DISCtwoT.FM
</h3>
<a href='http://173.192.105.231:8508/;' target='_blank'>
</a>
</li>
<li>
<h3>
OldiesProject
</h3>
<a href='http://stream.oldiesproject.com:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
twoTen Radio 70s
</h3>
<a href='http://93.104.210.97:7890/;' target='_blank'>
</a>
</li>
<li>
<h3>
twoTen Radio 80s
</h3>
<a href='http://93.104.210.97:8089/;' target='_blank'>
</a>
</li>
<li>
<h3>
35x80
</h3>
<a href='http://178.32.62.154:9736/stream' target='_blank'>
</a>
</li>
<li>
<h3>
Lounge-Radio.com
</h3>
<a href='http://nl1.streamhosting.ch:80/;' target='_blank'>
</a>
</li>
<li>
<h3>
LoungeFM Vienna
</h3>
<a href='http://188.138.9.183/ukwwien.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Lounge FM Digital
</h3>
<a href='http://188.138.9.183/digital.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
Cafedelmar FM
</h3>
<a href='http://5.135.238.89:9994/;' target='_blank'>
</a>
</li>
<li>
<h3>
90.8 Relax FM
</h3>
<a href='http://ic3.101.ru:8000/s40' target='_blank'>
</a>
</li>
<li>
<h3>
ABC Lounge Jazz
</h3>
<a href='http://51.255.235.165:15138/;' target='_blank'>
</a>
</li>
<li>
<h3>
Luxury Lounge fm
</h3>
<a href='http://sh.mncdn.com:8108/;' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Relax-Gold
</h3>
<a href='http://91.223.18.205:8000/c19_4' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Relax-Life
</h3>
<a href='http://91.223.18.205:8000/c19_5' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Italo Disco
</h3>
<a href='http://91.223.18.205:8000/c7_22' target='_blank'>
</a>
</li>
<li>
<h3>
Dj FM
</h3>
<a href='http://217.20.164.163:8010/;' target='_blank'>
</a>
</li>
<li>
<h3>
Revolution Radio
</h3>
<a href='http://revolutionradio.ru:8000/live.mp3' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Erotic
</h3>
<a href='http://91.223.18.205:8000/c14_13?' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Disco
</h3>
<a href='http://91.223.18.205:8000/c14_13' target='_blank'>
</a>
</li>
<li>
<h3>
WGFM-Trance
</h3>
<a href='http://sv.wargaming.fm:8051/128' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: New York
</h3>
<a href='http://91.223.18.205:8000/c13_5' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Instrumental
</h3>
<a href='http://91.223.18.205:8000/c11_4' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Smooth Jazz
</h3>
<a href='http://91.223.18.205:8000/c13_4' target='_blank'>
</a>
</li>
<li>
<h3>
Relax-Jazz
</h3>
<a href='http://91.223.18.205:8000/c19_2' target='_blank'>
</a>
</li>
<li>
<h3>
Lounge FM: Acoustic
</h3>
<a href='http://cast.loungefm.com.ua/acoustic128' target='_blank'>
</a>
</li>
<li>
<h3>
Instrumental Rock
</h3>
<a href='http://91.223.18.205:8000/c13_27' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Blues
</h3>
<a href='http://91.223.19_4' target='_blank'>
</a>
</li>
<li>
<h3>
101.ru: Swing
</h3>
<a href='http://91.223.18.205:8000/c13_4' target='_blank'>
</a>
</li>
Do I have to use [ol,] or [ul] YES or can I just use [li] instead NO, and does it matter? YES
Lists are a formal structure, like HTML tables are a formal structure, like definition lists are a formal structure.
Lists must be written without non-list tags between the <ol>
or <ul>
tag pairs and the <li>
tags. “other” tags needed for the content of the list items can be added inside the <li>
pairs as needed.
In other words, one cannot put <div>
s or <span>
s, etc, between list items.
Your question would be part of a very basic HTML course. Please allow me to again suggest that you take a basic, formal HTML course so you learn HTML fundamentals in an organized, complete venue rather than haphazardly through asking impulsive questions.
Wrong. <li>
is list item
<ol>
is ordered list,a nd <ul>
is unordered list
I just did that and it went from this:
to this: https://jsfiddle.net/pk5femLr/11/
How do I fix that?
A list that isn’t ordered is unordered and a list that isn’t unordered is ordered - so what type of list is it you are trying to create that is both ordered and unordered at the same time?
What’s the reason for this:
How come margin 0; doesn’t move it all the way to the top left when using [ul]?
It doesn’t here: https://jsfiddle.net/pk5femLr/13/ With [ul]
But it does on here: but that’s only without the ul?
It does here: https://jsfiddle.net/pk5femLr/8/ without [ul]
@asasass, why don’t you get a book or sign up for a video tutorial on basic html and css, work through the book or course, then you will know the answers to all the basic questions such as whether <li>
tags need to be inside <ol>
or <ul>
tags or not. You will find that you will learn a lot from these, and the html markup and css styling will make a lot more sense to you.
Can you answer the question I asked above?
By now, you have learned that different HTML tags have different properties. (That is part of what makes them unique). <ul>
and <ol>
tags have default top and bottom margins (like paragraphs do) and default padding-left. If you wish to negate these defaults, then apply {padding-left:0; margin:0;} to the <ul>
or <ol>
tag.
Can I do it this way, or should I do it your way? And is there a difference?
html,body {
background-color: ;
width:249px;
height:100%;
padding:0px;
margin-left:-20px;
margin-top:-8px;
If this:
html,body {
background-color: ;
width:249px;
height:100%;
padding:0px;
margin-left:-20px;
margin-top:-8px;
}
looks different from this:
ul {
padding-left:0;
margin:0;
}
then there is a difference.
Applying a negative margin-left and negative margin-top to the html and body structures is not a good idea. I can’t image what useful purpose it would serve in a normal web page other than to cause trouble.
Why don’t you try it and see what happens?
Is this right now?
html,body {
width:249px;
height:100%;
margin-top:0px;
margin-left:4px;
}
ul {
background-color: #000000;
width:249px;
margin-left:-48px;
margin-top:0px;
margin-bottom:0px;
list-style: none;
text-align: left;
}
Why are you applying a negative margin-left to the <ul>
when the default property is padding?
And why are you adding margins around the html and body? You cannot do that and expect height:100% to be accurate. The overall height will be greater than 100% and a vertical scrollbar can be expected.
Why isn’t it margin?
Why do you think it IS margin?
Why are you bringing my taste in page appearance into the issue? What I think doesn’t matter.
What matters is whether or not you are satisfied with the way your page looks.
Because it’s padding?
Why would you choose to apply a negative margin to counteract the effect of padding when you could simply set the padding to zero?